/* leadads.guide — generated from design-system/tokens.json by tools/tokens.py. Do not edit. */
:root {
  color-scheme: light dark;
  --font-display: "Fraunces", Georgia, "Times New Roman", serif;
  --font-body: "Google Sans Flex", "Google Sans", system-ui, -apple-system, "Segoe UI", sans-serif;
  --font-mono: "Atkinson Hyperlegible Mono", ui-monospace, "SF Mono", Menlo, monospace;
  --space-1: 4px;
  --space-2: 8px;
  --space-3: 12px;
  --space-4: 16px;
  --space-6: 24px;
  --space-8: 32px;
  --space-12: 48px;
  --space-16: 64px;
  --shape-xs: 4px;
  --shape-sm: 8px;
  --shape-md: 12px;
  --shape-lg: 16px;
  --shape-lg-plus: 20px;
  --shape-xl: 28px;
  --shape-xl-plus: 32px;
  --shape-2xl: 48px;
  --shape-full: 9999px;
  --primary: #fa761b;
  --primary-strong: #a64400;
  --on-primary: #341c02;
  --primary-container: #ffc289;
  --on-primary-container: #431c03;
  --secondary-container: #f7d7bd;
  --on-secondary-container: #341c02;
  --tertiary: #006e76;
  --on-tertiary: #ffffff;
  --tertiary-container: #8debe5;
  --on-tertiary-container: #00282d;
  --highlight: #ffbc19;
  --on-highlight: #341c02;
  --error: #b0062d;
  --on-error: #ffffff;
  --error-container: #ffd9d8;
  --on-error-container: #551018;
  --surface: #f8f6f5;
  --surface-container-lowest: #ffffff;
  --surface-container-low: #f3f1ee;
  --surface-container: #eeebe8;
  --surface-container-high: #e8e4e1;
  --surface-container-highest: #e5e0dc;
  --on-surface: #341c02;
  --on-surface-variant: #654d34;
  --outline: #877768;
  --outline-variant: #d6d0ca;
  --inverse-surface: #341c02;
  --inverse-on-surface: #f6f3f0;
  --inverse-primary: #ff9044;
  --player-ground: #291503;
  --on-player: #ffffff;
  --art-paper: #ffffff;
  --focus-ring: var(--on-surface);
  --elevation-1: 0 1px 2px rgba(16,24,32,0.10), 0 1px 3px 1px rgba(16,24,32,0.06);
  --elevation-2: 0 1px 2px rgba(16,24,32,0.10), 0 2px 6px 2px rgba(16,24,32,0.08);
  --elevation-3: 0 4px 8px 3px rgba(16,24,32,0.08), 0 1px 3px rgba(16,24,32,0.12);
}
@media (prefers-color-scheme: dark) {
  :root:not([data-theme="light"]) {
    --primary: #ff9044;
    --primary-strong: #ffa460;
    --on-primary: #341c02;
    --primary-container: #7b3606;
    --on-primary-container: #ffe5ca;
    --secondary-container: #422e1e;
    --on-secondary-container: #f2e2d0;
    --tertiary: #57d4d4;
    --on-tertiary: #00282d;
    --tertiary-container: #005459;
    --on-tertiary-container: #b7f2ed;
    --highlight: #ffbc19;
    --on-highlight: #341c02;
    --error: #fda1a0;
    --on-error: #551018;
    --error-container: #791920;
    --on-error-container: #ffdedd;
    --surface: #120d09;
    --surface-container-lowest: #0b0705;
    --surface-container-low: #19140f;
    --surface-container: #201914;
    --surface-container-high: #2a221d;
    --surface-container-highest: #342c26;
    --on-surface: #ede7df;
    --on-surface-variant: #c0b5aa;
    --outline: #92877d;
    --outline-variant: #463e38;
    --inverse-surface: #ede7df;
    --inverse-on-surface: #341c02;
    --inverse-primary: #ae4800;
    --player-ground: #231103;
    --on-player: #ffffff;
    --art-paper: #f3ede6;
    --focus-ring: var(--tertiary);
    --elevation-1: 0 1px 2px rgba(0,0,0,0.50), 0 1px 3px 1px rgba(0,0,0,0.30);
    --elevation-2: 0 1px 2px rgba(0,0,0,0.50), 0 2px 6px 2px rgba(0,0,0,0.35);
    --elevation-3: 0 4px 8px 3px rgba(0,0,0,0.40), 0 1px 3px rgba(0,0,0,0.50);
  }
}
:root[data-theme="dark"] {
  --primary: #ff9044;
  --primary-strong: #ffa460;
  --on-primary: #341c02;
  --primary-container: #7b3606;
  --on-primary-container: #ffe5ca;
  --secondary-container: #422e1e;
  --on-secondary-container: #f2e2d0;
  --tertiary: #57d4d4;
  --on-tertiary: #00282d;
  --tertiary-container: #005459;
  --on-tertiary-container: #b7f2ed;
  --highlight: #ffbc19;
  --on-highlight: #341c02;
  --error: #fda1a0;
  --on-error: #551018;
  --error-container: #791920;
  --on-error-container: #ffdedd;
  --surface: #120d09;
  --surface-container-lowest: #0b0705;
  --surface-container-low: #19140f;
  --surface-container: #201914;
  --surface-container-high: #2a221d;
  --surface-container-highest: #342c26;
  --on-surface: #ede7df;
  --on-surface-variant: #c0b5aa;
  --outline: #92877d;
  --outline-variant: #463e38;
  --inverse-surface: #ede7df;
  --inverse-on-surface: #341c02;
  --inverse-primary: #ae4800;
  --player-ground: #231103;
  --on-player: #ffffff;
  --art-paper: #f3ede6;
  --focus-ring: var(--tertiary);
  --elevation-1: 0 1px 2px rgba(0,0,0,0.50), 0 1px 3px 1px rgba(0,0,0,0.30);
  --elevation-2: 0 1px 2px rgba(0,0,0,0.50), 0 2px 6px 2px rgba(0,0,0,0.35);
  --elevation-3: 0 4px 8px 3px rgba(0,0,0,0.40), 0 1px 3px rgba(0,0,0,0.50);
}

.t-display-lg { font-family: var(--font-display); font-size: 57px; line-height: 60px; font-weight: 800; letter-spacing: -0.02em; }
.t-display-md { font-family: var(--font-display); font-size: 45px; line-height: 50px; font-weight: 750; letter-spacing: -0.015em; }
.t-headline-lg { font-family: var(--font-display); font-size: 32px; line-height: 40px; font-weight: 650; letter-spacing: -0.01em; }
.t-headline-md { font-family: var(--font-display); font-size: 28px; line-height: 36px; font-weight: 650; letter-spacing: -0.005em; }
.t-title-lg { font-family: var(--font-display); font-size: 22px; line-height: 28px; font-weight: 650; }
.t-title-md { font-family: var(--font-display); font-size: 16px; line-height: 22px; font-weight: 650; }
.t-body-lg { font-family: var(--font-body); font-size: 17px; line-height: 28px; font-weight: 400; }
.t-body-md { font-family: var(--font-body); font-size: 15px; line-height: 20px; font-weight: 500; }
.t-body-sm { font-family: var(--font-body); font-size: 13px; line-height: 18px; font-weight: 400; }
.t-label-lg { font-family: var(--font-body); font-size: 14px; line-height: 20px; font-weight: 650; letter-spacing: 0.01em; }
.t-label-md { font-family: var(--font-body); font-size: 12px; line-height: 16px; font-weight: 700; letter-spacing: 0.02em; }
.t-mono-md { font-family: var(--font-mono); font-size: 14px; line-height: 20px; font-weight: 500; }
.t-mono-sm { font-family: var(--font-mono); font-size: 12px; line-height: 16px; font-weight: 600; letter-spacing: 0.02em; }