/* Generated by scripts/build-tokens.mjs from atomic-age/tokens.json. Do not hand-edit. */

:root {
  --font-display: "Fraunces", "Fraunces 72", Georgia, "Times New Roman", serif;
  --font-sans: "Jost", "Century Gothic", "Futura", system-ui, sans-serif;
  --font-body: "Work Sans", system-ui, -apple-system, "Segoe UI", sans-serif;
  --space-0: 0;
  --space-1: 4px;
  --space-2: 8px;
  --space-3: 12px;
  --space-4: 16px;
  --space-5: 24px;
  --space-6: 32px;
  --space-7: 40px;
  --space-8: 48px;
  --space-9: 64px;
  --space-10: 80px;
  --space-11: 96px;
  --space-12: 128px;
  --radius-sm: 4px;
  --radius-md: 8px;
  --radius-lg: 16px;
  --radius-xl: 24px;
  --radius-pill: 9999px;
  --opacity-disabled: 0.42;
  --opacity-muted: 0.64;
  --opacity-scrim: 0.62;
  --opacity-texture: 0.06;
  --z-base: 0;
  --z-raised: 10;
  --z-dropdown: 1000;
  --z-sticky: 1100;
  --z-overlay: 1200;
  --z-modal: 1300;
  --z-toast: 1400;
  --z-tooltip: 1500;
  --bp-sm: 480px;
  --bp-md: 768px;
  --bp-lg: 1024px;
  --bp-xl: 1280px;
  --bp-2xl: 1536px;
  --surface: #f1ede7;
  --surface-raised: #faf7f4;
  --surface-sunken: #e5e0d6;
  --surface-inverse: #16283a;
  --ink: #2a241d;
  --ink-secondary: #5a4f40;
  --ink-muted: #645e56;
  --ink-on-inverse: #f6efe3;
  --border: #d0c8bc;
  --border-strong: #b3a793;
  --border-control: #6d6760;
  --hairline: #dfd9ce;
  --primary: #186a63;
  --primary-hover: #12564f;
  --primary-soft: #d7e6e2;
  --on-primary: #fbf7f0;
  --accent: #c33a26;
  --accent-hover: #a52f1e;
  --accent-soft: #f6ded6;
  --on-accent: #fbf7f0;
  --highlight: #e3a51f;
  --on-highlight: #2a241d;
  --success: #2f7a53;
  --on-success: #fbf7f0;
  --success-soft: #dcebe0;
  --warning: #d69a2c;
  --on-warning: #2a241d;
  --warning-soft: #f6e6c4;
  --error: #c0362a;
  --on-error: #fbf7f0;
  --error-soft: #f6ddd8;
  --info: #26648f;
  --on-info: #fbf7f0;
  --info-soft: #d7e5ef;
  --focus: #c33a26;
  --disabled-surface: #e5e0d6;
  --disabled-ink: #8d8880;
  --palette-paper: #f1ede7;
  --palette-bone: #e5e0d6;
  --palette-warm-white: #faf7f4;
  --palette-charcoal: #2a241d;
  --palette-deep-ink-blue: #16283a;
  --palette-muted-teal: #2f7d78;
  --palette-petrol: #1f5f6b;
  --palette-turquoise: #38b2a3;
  --palette-burnt-coral: #d9694a;
  --palette-tomato: #c33a26;
  --palette-mustard: #d69a2c;
  --palette-ochre: #b9791a;
  --palette-olive: #7c7a35;
  --palette-dusty-aqua: #9cc3bf;
  --palette-muted-orange: #d67c3c;
  --palette-atomic-red: #e23b28;
  --palette-satellite-blue: #2b6cb0;
  --palette-solar-yellow: #f2c14e;
  --chart-1: #186a63;
  --chart-2: #c33a26;
  --chart-3: #d69a2c;
  --chart-4: #2b6cb0;
  --chart-5: #7c7a35;
  --chart-6: #d67c3c;
  --chart-grid: #dfd9ce;
  --shadow-sm: 0 1px 0 rgba(42,36,29,0.14);
  --shadow-md: 0 2px 0 rgba(42,36,29,0.16), 0 8px 20px -12px rgba(42,36,29,0.28);
  --shadow-lg: 0 3px 0 rgba(42,36,29,0.18), 0 24px 48px -24px rgba(42,36,29,0.34);
  --shadow-pop: 3px 3px 0 rgba(42,36,29,0.13);
}

@media (prefers-color-scheme: dark) {
  :root {
  --surface: #151311;
  --surface-raised: #211e1d;
  --surface-sunken: #0d0c0c;
  --surface-inverse: #dfe8ea;
  --ink: #f3ebdd;
  --ink-secondary: #cbbda6;
  --ink-muted: #9e978f;
  --ink-on-inverse: #16283a;
  --border: #37322f;
  --border-strong: #524b44;
  --border-control: #888278;
  --hairline: #272321;
  --primary: #4bc2b0;
  --primary-hover: #6fd2c3;
  --primary-soft: #1c3a37;
  --on-primary: #0d0a05;
  --accent: #e56a4e;
  --accent-hover: #ef8368;
  --accent-soft: #3c231b;
  --on-accent: #161009;
  --highlight: #f0c04e;
  --on-highlight: #161009;
  --success: #5cbd8a;
  --on-success: #0d0a05;
  --success-soft: #193a2a;
  --warning: #e0a94a;
  --on-warning: #161009;
  --warning-soft: #3a2e12;
  --error: #e8705f;
  --on-error: #161009;
  --error-soft: #3a1c17;
  --info: #69a8d4;
  --on-info: #0d0a05;
  --info-soft: #122a3a;
  --focus: #f0c04e;
  --disabled-surface: #211e1d;
  --disabled-ink: #716c66;
  --palette-paper: #f1ede7;
  --palette-bone: #e5e0d6;
  --palette-warm-white: #faf7f4;
  --palette-charcoal: #2a241d;
  --palette-deep-ink-blue: #16283a;
  --palette-muted-teal: #2f7d78;
  --palette-petrol: #1f5f6b;
  --palette-turquoise: #38b2a3;
  --palette-burnt-coral: #d9694a;
  --palette-tomato: #c33a26;
  --palette-mustard: #d69a2c;
  --palette-ochre: #b9791a;
  --palette-olive: #7c7a35;
  --palette-dusty-aqua: #9cc3bf;
  --palette-muted-orange: #d67c3c;
  --palette-atomic-red: #e23b28;
  --palette-satellite-blue: #2b6cb0;
  --palette-solar-yellow: #f2c14e;
  --chart-1: #4bc2b0;
  --chart-2: #e56a4e;
  --chart-3: #f0c04e;
  --chart-4: #69a8d4;
  --chart-5: #a7a44f;
  --chart-6: #e79a63;
  --chart-grid: #272321;
  --shadow-sm: 0 1px 0 rgba(0,0,0,0.5);
  --shadow-md: 0 2px 0 rgba(0,0,0,0.55), 0 8px 20px -12px rgba(0,0,0,0.7);
  --shadow-lg: 0 3px 0 rgba(0,0,0,0.6), 0 24px 48px -24px rgba(0,0,0,0.75);
  --shadow-pop: 3px 3px 0 rgba(0,0,0,0.42);
  }
}