/* Truth Matters design tokens. Source of truth: design-system/tokens.json (claude.ai design system).
   Light theme by default; dark via prefers-color-scheme, or force with data-theme="light" | "dark" on <html>. */
:root{
  --surface: #EAE7DE;
  --surface-raised: #F5F3EC;
  --ink: #15181D;
  --ink-muted: #585D66;
  --accent-primary: #1E5C4F;
  --accent-primary-strong: #12483D;
  --accent-data: #8B6239;
  --border: #D8D4C7;
  --border-strong: #B9B4A4;
  --font-serif: 'Fraunces', Georgia, 'Times New Roman', serif;
  --font-sans: 'Work Sans', system-ui, -apple-system, sans-serif;
  --display-1: 600 48px/54px var(--font-serif);
  --display-2: 600 32px/40px var(--font-serif);
  --h1: 600 28px/36px var(--font-serif);
  --h2: 600 22px/30px var(--font-serif);
  --h3: 600 18px/26px var(--font-serif);
  --body-lg: 400 17px/27px var(--font-sans);
  --body: 400 15px/24px var(--font-sans);
  --body-sm: 400 13px/20px var(--font-sans);
  --label: 600 13px/18px var(--font-sans);
  --space-1: 4px;
  --space-2: 8px;
  --space-3: 16px;
  --space-4: 24px;
  --space-5: 40px;
  --radius-sm: 4px;
  --radius-md: 10px;
  --radius-lg: 20px;
  color-scheme: light dark;
}
@media (prefers-color-scheme: dark){:root:not([data-theme="light"]){
  --surface: #15181D;
  --surface-raised: #1D2127;
  --ink: #EAE7DE;
  --ink-muted: #A9ADB4;
  --accent-primary: #4A9484;
  --accent-primary-strong: #63AC9B;
  --accent-data: #D9A468;
  --border: #2B303A;
  --border-strong: #3C424C;
}}
:root[data-theme="dark"]{
  --surface: #15181D;
  --surface-raised: #1D2127;
  --ink: #EAE7DE;
  --ink-muted: #A9ADB4;
  --accent-primary: #4A9484;
  --accent-primary-strong: #63AC9B;
  --accent-data: #D9A468;
  --border: #2B303A;
  --border-strong: #3C424C;
}