/* 2DSync — generated from design/tokens.json by scripts/build-tokens.mjs. Do not edit by hand. */
:root {
  --coral: #E8895B;
  --apricot: #F7A470;
  --gold: #F0C27B;
  --lavender: #D6D1EA;
  --rust: #A4471F;
  --indigo: #2C2F4A;
  --logo-gray: #555555;
  --logo-olive: #616B49;
  --surface: #FBF7F2;
  --surface-raised: #FFFFFF;
  --surface-muted: #F1EDE8;
  --surface-lavender: #E4E2F0;
  --surface-table-head: #E9E5E0;
  --highlight: #FDF0E4;
  --ink: #2C2F4A;
  --ink-body: #4F4A5C;
  --ink-soft: #3C4063;
  --ink-slate: #44546A;
  --ink-muted: #6F6878;
  --eyebrow: #A4471F;
  --on-fill: #2C2F4A;
  --on-gold-label: #7A4A12;
  --on-indigo: #FBF7F2;
  --on-indigo-accent: #F7A470;
  --on-highlight: #2C2F4A;
  --on-highlight-accent: #A4471F;
  --status-not-started: #9A4A1F;
  --status-partial: #8A6A10;
  --status-excellent: #A4471F;
  --border: #ECE4DE;
  --border-strong: #C8C5C1;
  --border-emphasis: #2C2F4A;
  --focus-ring: #2C2F4A;
  --level-0: #F1EDE8;
  --level-1: #D6D1EA;
  --level-2: #F0C27B;
  --level-3: #E8895B;
  --level-4: #2C2F4A;
  --on-level-4: #FBF7F2;
  --on-level-4-accent: #F7A470;
  --font-display: Poppins, system-ui, sans-serif;
  --font-sans: Inter, system-ui, sans-serif;
  --space-page: 85px;
  --space-card-lg: 32px;
  --space-card: 24px;
  --space-gap: 18px;
  --radius-none: 0;
  --radius-card: 10px;
  --radius-pill: 999px;
  --type-hero: normal 700 64px/77px var(--font-display);
  --type-hero-tracking: -0.01em;
  --type-title: normal 700 42.67px/52px var(--font-display);
  --type-title-light: normal 400 42.67px/52px var(--font-display);
  --type-price: normal 700 28px/36px var(--font-display);
  --type-price-unit: normal 400 28px/36px var(--font-display);
  --type-card-title: normal 700 21.33px/28px var(--font-display);
  --type-tier: normal 400 20px/28px var(--font-display);
  --type-statement: italic 400 34.67px/60px var(--font-sans);
  --type-lead: normal 400 24px/40px var(--font-sans);
  --type-body-lg: normal 400 20px/35px var(--font-sans);
  --type-item-title: normal 700 20px/28px var(--font-sans);
  --type-body: normal 400 17.33px/30px var(--font-sans);
  --type-body-sm: normal 400 14.67px/25px var(--font-sans);
  --type-eyebrow: normal 700 16px/20px var(--font-sans);
  --type-eyebrow-tracking: 0.01em;
  --type-caption: normal 400 16px/22px var(--font-sans);
  --type-data: normal 400 17.33px/30px var(--font-sans);
}

/* Dark theme: opt in with data-theme="dark" on <html> or a section. */
[data-theme="dark"] {
  --surface: #2C2F4A;
  --surface-raised: #3C4063;
  --surface-muted: #3C4063;
  --surface-lavender: #3C4063;
  --surface-table-head: #3C4063;
  --highlight: #FBF7F2;
  --ink: #FBF7F2;
  --ink-body: #EEEDF5;
  --ink-soft: #E4E2F0;
  --ink-slate: #EEEDF5;
  --ink-muted: #B5B3C9;
  --eyebrow: #F7A470;
  --status-not-started: #F7A470;
  --status-partial: #F0C27B;
  --status-excellent: #D6D1EA;
  --border: #3C4063;
  --border-strong: #6F6878;
  --border-emphasis: #FBF7F2;
  --focus-ring: #F7A470;
  --level-0: #3C4063;
  --level-4: #FBF7F2;
  --on-level-4: #2C2F4A;
  --on-level-4-accent: #A4471F;
}

/* Light again inside a dark page (cream cards, nav strip). */
[data-theme="light"] {
  --surface: #FBF7F2;
  --surface-raised: #FFFFFF;
  --surface-muted: #F1EDE8;
  --surface-lavender: #E4E2F0;
  --surface-table-head: #E9E5E0;
  --highlight: #FDF0E4;
  --ink: #2C2F4A;
  --ink-body: #4F4A5C;
  --ink-soft: #3C4063;
  --ink-slate: #44546A;
  --ink-muted: #6F6878;
  --eyebrow: #A4471F;
  --status-not-started: #9A4A1F;
  --status-partial: #8A6A10;
  --status-excellent: #A4471F;
  --border: #ECE4DE;
  --border-strong: #C8C5C1;
  --border-emphasis: #2C2F4A;
  --focus-ring: #2C2F4A;
  --level-0: #F1EDE8;
  --level-4: #2C2F4A;
  --on-level-4: #FBF7F2;
  --on-level-4-accent: #F7A470;
}