/* Brave Beliefs Design System v1.0 -- tokens.css */
:root {
  /* Primitives */
  --color-ink: #100E0C;
  --color-espresso: #1C1916;
  --color-roast: #25211C;
  --color-line-dark: #3A342D;
  --color-bone: #F1EADC;
  --color-paper: #FCFBF8;
  --color-sand: #E8DFCC;
  --color-line-light: #D9CFBB;
  --color-gold: #E0A43B;
  --color-gold-deep: #835511;
  --color-clay: #A8521F;
  --color-clay-deep: #9C4A1B;
  --color-clay-soft: #DB8656;
  --color-stone: #8C8173;
  --color-stone-deep: #655C51;
  --color-stone-soft: #A39886;
  --color-moss-deep: #46602D;
  --color-moss-soft: #8FAA6E;
  /* Semantic, light */
  --bg: var(--color-bone);
  --surface: var(--color-paper);
  --sunken: var(--color-sand);
  --text: var(--color-ink);
  --text-muted: var(--color-stone-deep);
  --border: var(--color-line-light);
  --accent: var(--color-gold);
  --on-accent: var(--color-ink);
  --accent-text: var(--color-gold-deep);
  --danger: var(--color-clay-deep);
  --success: var(--color-moss-deep);
  --shadow-raised: 0 1px 2px rgba(16,14,12,0.06), 0 8px 24px rgba(16,14,12,0.08);
  /* Type */
  --font-display: 'Clash Display', 'Bricolage Grotesque', 'Helvetica Neue', Arial, sans-serif;
  --font-body: 'Inter', 'Helvetica Neue', Arial, sans-serif;
  --font-accent: 'Instrument Serif', Georgia, 'Times New Roman', serif;
  --text-hero: 80px;
  --leading-hero: 0.98;
  --tracking-hero: -0.02em;
  --text-display: 64px;
  --leading-display: 1.0;
  --tracking-display: -0.02em;
  --text-h1: 48px;
  --leading-h1: 1.05;
  --tracking-h1: -0.015em;
  --text-h2: 36px;
  --leading-h2: 1.1;
  --tracking-h2: -0.01em;
  --text-h3: 28px;
  --leading-h3: 1.2;
  --tracking-h3: -0.005em;
  --text-h4: 22px;
  --leading-h4: 1.3;
  --tracking-h4: 0;
  --text-lead: 19px;
  --leading-lead: 1.6;
  --tracking-lead: 0;
  --text-body: 16px;
  --leading-body: 1.65;
  --tracking-body: 0;
  --text-small: 14px;
  --leading-small: 1.5;
  --tracking-small: 0;
  --text-eyebrow: 12px;
  --leading-eyebrow: 1.4;
  --tracking-eyebrow: 0.18em;
  /* Spacing */
  --space-0: 0px;
  --space-1: 4px;
  --space-2: 8px;
  --space-3: 12px;
  --space-4: 16px;
  --space-5: 24px;
  --space-6: 32px;
  --space-7: 48px;
  --space-8: 64px;
  --space-9: 96px;
  --space-10: 128px;
  /* Shape */
  --radius-none: 0px;
  --radius-sm: 4px;
  --radius-md: 8px;
  --radius-lg: 12px;
  --radius-pill: 999px;
  --border-hairline: 1px;
  --border-strong: 2px;
  /* Layout */
  --layout-reading: 680px;
  --layout-content: 1120px;
  --layout-wide: 1280px;
  --layout-gutter-mobile: 16px;
  --layout-gutter-desktop: 32px;
  /* Motion */
  --duration-fast: 120ms;
  --duration-base: 200ms;
  --duration-slow: 360ms;
  --ease-standard: cubic-bezier(0.2, 0, 0, 1);
  --ease-settle: cubic-bezier(0.16, 1, 0.3, 1);
}
@media (max-width: 767px) {
  :root {
    --text-hero: 44px;
    --text-display: 40px;
    --text-h1: 34px;
    --text-h2: 28px;
    --text-h3: 23px;
  }
}
@media (prefers-color-scheme: dark) {
  :root:not([data-theme="light"]) {
    --bg: var(--color-espresso);
    --surface: var(--color-roast);
    --sunken: var(--color-ink);
    --text: var(--color-bone);
    --text-muted: var(--color-stone-soft);
    --border: var(--color-line-dark);
    --accent: var(--color-gold);
    --on-accent: var(--color-ink);
    --accent-text: var(--color-gold);
    --danger: var(--color-clay-soft);
    --success: var(--color-moss-soft);
    --shadow-raised: 0 0 0 1px #3A342D;
    color-scheme: dark;
  }
}
:root[data-theme="dark"] {
  --bg: var(--color-espresso);
  --surface: var(--color-roast);
  --sunken: var(--color-ink);
  --text: var(--color-bone);
  --text-muted: var(--color-stone-soft);
  --border: var(--color-line-dark);
  --accent: var(--color-gold);
  --on-accent: var(--color-ink);
  --accent-text: var(--color-gold);
  --danger: var(--color-clay-soft);
  --success: var(--color-moss-soft);
  --shadow-raised: 0 0 0 1px #3A342D;
  color-scheme: dark;
}