/* BFT LLC design tokens. Every colour and font in styles.css references these by name.
   Anchor hue 212 (the brand teal); the navy is the dark end of the same cool family. */
:root {
  --font-display: "Sora", "Avenir Next", "Segoe UI", system-ui, sans-serif;
  --font-body: "IBM Plex Sans", "Helvetica Neue", Arial, system-ui, sans-serif;

  --text-sm: 0.875rem;
  --text-base: 1rem;
  --text-md: 1.125rem;
  --text-lg: 1.375rem;
  --text-xl: clamp(1.75rem, 1.2rem + 1.8vw, 2.5rem);

  --space-2xs: 0.25rem;
  --space-xs: 0.5rem;
  --space-sm: 0.75rem;
  --space-md: 1rem;
  --space-lg: 1.5rem;
  --space-xl: 2.5rem;
  --space-2xl: 4rem;
  --space-3xl: 6rem;

  --radius-mark: 14px;
  --rule: 1px;
  --measure: 62ch;
  --page-max: 68rem;

  --dur-short: 160ms;
  --dur-medium: 420ms;
  --ease-out: cubic-bezier(0.16, 1, 0.3, 1);

  /* Light */
  --color-paper: oklch(97.5% 0.006 230);
  --color-paper-2: oklch(94% 0.012 232);
  --color-rule: oklch(85% 0.014 232);
  --color-neutral: oklch(46% 0.03 245);
  --color-ink: oklch(22% 0.045 265);
  --color-accent: oklch(48% 0.10 212);
  --color-accent-strong: oklch(38% 0.10 212);
  --color-focus: oklch(55% 0.14 212);
  --color-well: oklch(22% 0.045 265);
  --color-well-rule: oklch(30% 0.045 265);
  color-scheme: light;
}

@media (prefers-color-scheme: dark) {
  :root {
    --color-paper: oklch(20% 0.03 265);
    --color-paper-2: oklch(24% 0.032 265);
    --color-rule: oklch(34% 0.03 262);
    --color-neutral: oklch(74% 0.02 240);
    --color-ink: oklch(95% 0.008 230);
    --color-accent: oklch(79% 0.10 205);
    --color-accent-strong: oklch(88% 0.08 205);
    --color-focus: oklch(79% 0.14 205);
    --color-well: oklch(24% 0.032 265);
    --color-well-rule: oklch(34% 0.03 262);
    color-scheme: dark;
  }
}