/* TTA — generated from tokens.json */
@font-face { font-family: 'Manrope'; src: url('../fonts/Manrope-Variable-latin.woff2') format('woff2'); font-weight: 200 800; font-style: normal; font-display: swap; }
/* Display face, design.md v3 §4.5: Archivo pinned at ExtraCondensed (wdth 62), weights 700 to 900, latin subset. Five uses only. */
@font-face { font-family: 'Archivo'; src: url('../fonts/Archivo-ExtraCondensed-latin.woff2') format('woff2'); font-weight: 700 900; font-style: normal; font-display: swap; }
:root, [data-theme="light"] {
  --green: #71f287;
  --green-mid: #469754;
  --green-deep: #142b18;
  --forest: #234c2a;
  --black: #000000;
  --white: #ffffff;
  --cloud: #edeff7;
  --smoke: #d3d6e0;
  --steel: #bcbfcc;
  --space: #9da2b3;
  --graphite: #6e7180;
  --arsenic: #40424d;
  --phantom: #1e1e24;
  --surface: var(--white);
  --surface-raised: var(--cloud);
  --surface-inverse: var(--black);
  --ink: var(--black);
  --ink-muted: var(--graphite);
  --ink-inverse: var(--white);
  --border: var(--smoke);
  --border-strong: var(--graphite);
  --action: var(--black);
  --on-action: var(--white);
  --accent: var(--green);
  --on-accent: var(--black);
  --accent-text: var(--forest);
}
[data-theme="dark"] {
  --surface: var(--black);
  --surface-raised: var(--phantom);
  --surface-inverse: var(--phantom);
  --ink: var(--white);
  --ink-muted: var(--space);
  --border: var(--arsenic);
  --border-strong: var(--space);
  --action: var(--green);
  --on-action: var(--black);
  --accent-text: var(--green);
}
:root {
  --space-1: 4px;
  --space-2: 8px;
  --space-3: 12px;
  --space-4: 16px;
  --space-6: 24px;
  --space-8: 32px;
  --space-12: 48px;
  --space-16: 64px;
  --radius-sm: 8px;
  --radius-md: 12px;
  --radius-lg: 20px;
  --radius-pill: 999px;
  --font-sans: "Manrope", "Helvetica Neue", Arial, sans-serif;
}
.display { font-family: var(--font-sans); font-size: 72px; line-height: 76px; font-weight: 400; letter-spacing: -0.02em; }
.h1 { font-family: var(--font-sans); font-size: 44px; line-height: 50px; font-weight: 600; letter-spacing: -0.02em; }
.h2 { font-family: var(--font-sans); font-size: 28px; line-height: 34px; font-weight: 500; letter-spacing: -0.01em; }
.h3 { font-family: var(--font-sans); font-size: 20px; line-height: 26px; font-weight: 600; }
.body-lg { font-family: var(--font-sans); font-size: 17px; line-height: 26px; font-weight: 400; }
.body { font-family: var(--font-sans); font-size: 15px; line-height: 22px; font-weight: 400; }
.label { font-family: var(--font-sans); font-size: 14px; line-height: 20px; font-weight: 600; }
.eyebrow { font-family: var(--font-sans); font-size: 12px; line-height: 16px; font-weight: 600; letter-spacing: 0.08em; text-transform: uppercase; }
.caption { font-family: var(--font-sans); font-size: 12px; line-height: 16px; font-weight: 400; }