/* Generated by scripts/build-theme.mjs. Do not hand-edit. */

:root {
  --font-sans: "DM Sans", system-ui, -apple-system, "Segoe UI", sans-serif;
  --font-body: "DM Sans", system-ui, -apple-system, "Segoe UI", sans-serif;
}

:root, :root[data-theme="light"] {
  color-scheme: light;
  --surface: #f1ede7;
  --surface-raised: #faf7f4;
  --surface-sunken: #e5e0d6;
  --surface-inverse: #16283a;
  --ink: #151312;
  --ink-secondary: #5c554d;
  --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: #b4432a;
  --accent-hover: #9a3822;
  --accent-soft: #f3dcd3;
  --on-accent: #ffffff;
  --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:not([data-theme="light"]) {
    color-scheme: dark;
    --surface: #151312;
    --surface-raised: #211e1c;
    --surface-sunken: #0d0c0b;
    --surface-inverse: #dfe8ea;
    --ink: #f3ece0;
    --ink-secondary: #b8b0a4;
    --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: #e8674a;
    --accent-hover: #f07d61;
    --accent-soft: #3c231b;
    --on-accent: #151312;
    --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);
  }
}

:root[data-theme="dark"] {
  color-scheme: dark;
  --surface: #151312;
  --surface-raised: #211e1c;
  --surface-sunken: #0d0c0b;
  --surface-inverse: #dfe8ea;
  --ink: #f3ece0;
  --ink-secondary: #b8b0a4;
  --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: #e8674a;
  --accent-hover: #f07d61;
  --accent-soft: #3c231b;
  --on-accent: #151312;
  --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);
}