/* Ink & Saffron, mirrored from the app's design system (styles/tokens/foundation.ts
   and the Claude design system's tokens.json). Light values first, dark redefines. */
:root {
  --ax-bg: #F7F6F3;
  --ax-raised: #FEFDFD;
  --ax-card: #FEFDFD;
  --ax-subtle: #F2F1ED;
  --ax-container: #EBE9E5;
  --ax-container-high: #E4E2DD;
  --ax-container-highest: #DDDAD5;
  --ax-accent-subtle: rgba(28, 26, 22, 0.06);
  --ax-text: #181715;
  --ax-text-2: #52504C;
  --ax-text-3: #817E78;
  --ax-text-disabled: rgba(24, 23, 21, 0.32);
  --ax-line: #DEDBD6;
  --ax-line-strong: #918C83;
  --ax-accent: #1C1A16;
  --ax-on-accent: #FFFEFB;
  --ax-progress: #D9901A;
  --ax-track: #DEDBD6;
  --ax-progress-subtle: rgba(217, 144, 26, 0.14);
  --ax-ai: #C2611A;
  --ax-ai-surface: #F9EFE9;
  --ax-ai-border: #D8C0AD;
  --ax-rating: #C2611A;
  --ax-rating-off: #DEDBD6;
  --ax-up: #2F7A47;
  --ax-down: #A4442E;
  --ax-scrim: rgba(20, 18, 15, 0.4);
  --ax-inverse: #191917;
  --ax-on-inverse: #EBE9E5;
  --ax-inverse-primary: #F2A93B;
  --ax-grid: rgba(24, 23, 21, 0.08);
  --ax-print: #2F508F;
  --ax-digital: #4886B9;
  --ax-audio: #8A8B3E;
  --ax-board: #393836;

  --brand-saffron: #F2A93B;
  --brand-ink: #1C1A16;
  --brand-lamp-paper: #D9901A;
  --brand-lamp-saffron: #FFF7E8;
  --brand-soft-paper: #6F675B;
  --brand-soft-saffron: #5A4320;

  --shadow-cover-lift: 0px 24px 45px -21px rgba(0, 0, 0, 0.55), 0px 3px 6px rgba(0, 0, 0, 0.12);
  --shadow-float: 0px 9px 24px -9px rgba(0, 0, 0, 0.45);
  --shadow-segment: 0px 1px 2px rgba(0, 0, 0, 0.08);

  --font-sans: "Hanken Grotesk", ui-sans-serif, system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;
  --font-serif: "Fraunces", ui-serif, Georgia, "Times New Roman", serif;
}

@media (prefers-color-scheme: dark) {
  :root:not([data-theme="light"]) {
    --ax-bg: #111110;
    --ax-raised: #191917;
    --ax-card: #191917;
    --ax-subtle: #151514;
    --ax-container: #232220;
    --ax-container-high: #292826;
    --ax-container-highest: #302F2C;
    --ax-accent-subtle: rgba(242, 169, 59, 0.14);
    --ax-text: #EBE9E5;
    --ax-text-2: #A8A59F;
    --ax-text-3: #75726C;
    --ax-text-disabled: rgba(235, 233, 229, 0.32);
    --ax-line: #2C2B28;
    --ax-line-strong: #6A6762;
    --ax-accent: #F2A93B;
    --ax-on-accent: #0E0D0B;
    --ax-progress: #F2A93B;
    --ax-track: #2C2B28;
    --ax-progress-subtle: rgba(242, 169, 59, 0.18);
    --ax-ai: #F08A3E;
    --ax-ai-surface: #2C231B;
    --ax-ai-border: #57402D;
    --ax-rating: #F08A3E;
    --ax-rating-off: #2C2B28;
    --ax-up: #6CC48A;
    --ax-down: #E7866B;
    --ax-scrim: rgba(0, 0, 0, 0.55);
    --ax-inverse: #FEFDFD;
    --ax-on-inverse: #181715;
    --ax-inverse-primary: #1C1A16;
    --ax-grid: rgba(235, 233, 229, 0.1);
    --ax-print: #4566AE;
    --ax-digital: #609AD1;
    --ax-audio: #888C3B;
    --ax-board: #CAC9C5;
    color-scheme: dark;
  }
}

:root[data-theme="dark"] {
  --ax-bg: #111110;
  --ax-raised: #191917;
  --ax-card: #191917;
  --ax-subtle: #151514;
  --ax-container: #232220;
  --ax-container-high: #292826;
  --ax-container-highest: #302F2C;
  --ax-accent-subtle: rgba(242, 169, 59, 0.14);
  --ax-text: #EBE9E5;
  --ax-text-2: #A8A59F;
  --ax-text-3: #75726C;
  --ax-text-disabled: rgba(235, 233, 229, 0.32);
  --ax-line: #2C2B28;
  --ax-line-strong: #6A6762;
  --ax-accent: #F2A93B;
  --ax-on-accent: #0E0D0B;
  --ax-progress: #F2A93B;
  --ax-track: #2C2B28;
  --ax-progress-subtle: rgba(242, 169, 59, 0.18);
  --ax-ai: #F08A3E;
  --ax-ai-surface: #2C231B;
  --ax-ai-border: #57402D;
  --ax-rating: #F08A3E;
  --ax-rating-off: #2C2B28;
  --ax-up: #6CC48A;
  --ax-down: #E7866B;
  --ax-scrim: rgba(0, 0, 0, 0.55);
  --ax-inverse: #FEFDFD;
  --ax-on-inverse: #181715;
  --ax-inverse-primary: #1C1A16;
  --ax-grid: rgba(235, 233, 229, 0.1);
  --ax-print: #4566AE;
  --ax-digital: #609AD1;
  --ax-audio: #888C3B;
  --ax-board: #CAC9C5;
  color-scheme: dark;
}