:root {
  color-scheme: light;
  /* ObviousBench family primitives. Keep the public aliases below so the
     evidence components remain independent from the parent brand vocabulary. */
  --family-page: #f4f1e8;
  --family-paper: #fffdf8;
  --family-paper-strong: #ffffff;
  --family-ink: #17201d;
  --family-ink-soft: #39443f;
  --family-muted: #626d67;
  --family-line: #d8d5cb;
  --family-line-strong: #b9b6aa;
  --family-blue: #3157d5;
  --family-blue-dark: #203b99;
  --family-blue-soft: #e9edff;
  --family-green: #10735a;
  --family-green-soft: #e5f5ee;
  --family-orange: #b6572d;
  --family-orange-soft: #fff0e8;
  --family-provider-tile: #f0f0ea;
  --family-shadow: 0 18px 54px rgb(24 34 30 / 0.08);
  --family-shadow-small: 0 8px 24px rgb(24 34 30 / 0.06);
  --family-radius: 18px;
  --family-radius-small: 11px;

  --color-page: var(--family-page);
  --color-paper: var(--family-paper);
  --color-paper-strong: var(--family-paper-strong);
  --color-ink: var(--family-ink);
  --color-ink-soft: var(--family-ink-soft);
  --color-muted: var(--family-muted);
  --color-rule: var(--family-line);
  --color-rule-strong: var(--family-line-strong);
  --color-surface: #f9f7f0;
  --color-sapphire: var(--family-blue);
  --color-sapphire-dark: var(--family-blue-dark);
  --color-sapphire-soft: var(--family-blue-soft);
  --color-teal: var(--family-green);
  --color-teal-soft: var(--family-green-soft);
  --color-magenta: #d00067;
  --color-magenta-soft: #fff0f6;
  --color-violet: #6536d9;
  --color-violet-soft: #f0ebff;
  --color-focus: #0b5fff;
  --space-1: 0.25rem;
  --space-2: 0.5rem;
  --space-3: 0.75rem;
  --space-4: 1rem;
  --space-5: 1.5rem;
  --space-6: 2rem;
  --space-7: 3rem;
  --space-8: 4.5rem;
  --content-max: 86rem;
  --reading-max: 48rem;
  --rule: 1px solid var(--color-rule);
  --font-display: "Newsreader", Georgia, serif;
  --font-interface: "Inter", system-ui, sans-serif;
  --font-data: ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;
}