/*
 * bmsignup: BraveMoss's tokens for the trial pages. The same names as ai-lab-tokens.css, so styles.css maps the
 * pages onto BraveMoss with no rule of its own changed. The palette is bravemoss.com's (sites/www-bravemoss/
 * styles.css): forest #123e2d, mist #f3f6f1, moss #d9e6c2, fern #6d8550, muted #516357, line #d1dbce, and its
 * focus ring #9c6324. Light only, as the site is; the pages say data-theme="light".
 */

@font-face {
  font-family: "Manrope";
  font-style: normal;
  font-weight: 400 800;
  font-display: swap;
  src: url("./fonts/Manrope-Medium.woff2") format("woff2");
}

:root {
  color-scheme: light;

  --background: #f3f6f1;
  --foreground: #123e2d;
  --card: #ffffff;
  --card-foreground: #123e2d;
  --popover: #ffffff;
  --popover-foreground: #123e2d;
  --primary: #123e2d;
  --primary-foreground: #f3f6f1;
  --secondary: #d9e6c2;
  --muted: #f3f6f1;
  --accent: #d9e6c2;
  --secondary-foreground: #123e2d;
  --accent-foreground: #123e2d;
  --muted-foreground: #516357;
  --border: #d1dbce;
  --input: #6d8550;
  --ring: #9c6324;
  --brand: #6d8550;
  --brand-strong: #123e2d;
  --brand-secondary: #d9e6c2;
  --destructive: #a1381f;
  --destructive-foreground: #ffffff;
  --positive: #36513b;
  --caution: #9c6324;
  --mark: #123e2d;
  --grid-line: #d1dbce;
  --shadow-card: 0 0 0 1px #d1dbce;

  --radius: 0.75rem;
  --radius-sm: 5px;
  --radius-md: 6px;
  --radius-lg: 10px;
  --radius-xl: 12px;
  --radius-2xl: 18px;
  --radius-pill: 100px;

  --spacing: 0.25rem;
  --container: 87rem;
  --gutter: 1.375rem;

  --font-sans: "Manrope", "Helvetica Neue", Arial, sans-serif;
  --font-mono: ui-monospace, SFMono-Regular, monospace;
  --text-xs: .75rem;
  --text-sm: .875rem;
  --text-base: 1rem;
  --text-lg: 1.125rem;
  --text-xl: 1.25rem;
  --text-2xl: 1.5rem;
  --text-4xl: 2.25rem;
  --text-5xl: 3.25rem;
  --text-7xl: 4.5rem;
  --tracking-tight: -0.03em;
  --font-weight-heading: 500;
}

@media (min-width: 768px) {
  :root {
    --gutter: 3.5rem;
  }
}