/* Tiny Shifts design tokens. GENERATED by scripts/palette.py; edit the generator, never this file.
   Regenerate:  venv/bin/python3 scripts/palette.py --write
   Verify:      venv/bin/python3 scripts/palette.py --check   (the test suite runs both)

   One file, every surface, three theme states. The bare :root is light. Dark applies from the
   system preference unless the page is stamped data-theme="light", and always when stamped
   data-theme="dark". The two dark blocks are identical by construction.

   No page names a hex value. Tailwind reads these same names through static/js/tailwind.config.js,
   so bg-surface, text-muted and border-success-6 are the only colour utilities that exist.
   The book: docs/design/DECISIONS.md. Never stark white, never stark black. */

:root {
  --ground: #F9FAF3;
  --surface: #FEFEFA;
  --well: #F1F2E9;
  --rule: #DFDDD0;
  --rule-strong: #BEBBAA;
  --ink: #0E0D15;
  --body: #413F3A;
  --muted: #6E6A5C;
  --faint: #8E8A7B;
  --glass: color-mix(in srgb, #F9FAF3 88%, transparent);
  --scrim: color-mix(in srgb, #0E0D15 62%, transparent);
  --band: #17150F;
  --band-ink: #F4F2E6;
  --band-body: #C6C2B2;
  --band-muted: #928D7C;
  --band-rule: #34312A;
  --accent: #C04416;
  --accent-hover: #A83A12;
  --accent-fill: #E65926;
  --accent-fill-hover: #D94D15;
  --on-accent: #0E0D15;
  --focal: #D24335;
  --accent-2: #FFF4F1;
  --accent-3: #FFE9E2;
  --accent-4: #FEDCD1;
  --accent-6: #F6BAA7;
  --accent-7: #E65926;
  --w-empty: #E2E0D5;
  --w-sleep: #36669B;
  --w-leisure: #E1AA45;
  --w-work: #A03E7F;
  --w-home: #94B749;
  --w-other: #2E98A5;
  --w-session: #D24335;
  --success-1: #F9FDFA;
  --success-2: #F0FAF2;
  --success-3: #E0F5E5;
  --success-4: #CFEED6;
  --success-5: #BDE5C6;
  --success-6: #A6D9B3;
  --success-7: #85C696;
  --success-8: #5CB176;
  --success-9: #028543;
  --success-10: #05773C;
  --success-11: #147D41;
  --success-12: #35583F;
  --success-on9: #F9FAF3;
  --warning-1: #FEFBF8;
  --warning-2: #FCF5EE;
  --warning-3: #FAECDD;
  --warning-4: #F6E0CA;
  --warning-5: #F0D4B6;
  --warning-6: #E7C39E;
  --warning-7: #D7AB7C;
  --warning-8: #C58F52;
  --warning-9: #A46504;
  --warning-10: #945B01;
  --warning-11: #986015;
  --warning-12: #634B31;
  --warning-on9: #F9FAF3;
  --danger-1: #FEFBFB;
  --danger-2: #FFF4F5;
  --danger-3: #FEE8EA;
  --danger-4: #FFDADD;
  --danger-5: #FECACF;
  --danger-6: #F7B7BD;
  --danger-7: #EA9BA4;
  --danger-8: #DB7A87;
  --danger-9: #C9425E;
  --danger-10: #BB3553;
  --danger-11: #AF4B5C;
  --danger-12: #6E4349;
  --danger-on9: #F9FAF3;
  --info-1: #FBFBFE;
  --info-2: #F5F6FF;
  --info-3: #EAEDFF;
  --info-4: #DEE3FE;
  --info-5: #D0D6FF;
  --info-6: #BEC6FC;
  --info-7: #A6AFF1;
  --info-8: #8A93E5;
  --info-9: #6366D8;
  --info-10: #585ACA;
  --info-11: #5E64B9;
  --info-12: #484D71;
  --info-on9: #F9FAF3;

  /* Type: Archivo throughout, 400 to 800. The body ratio is 1.15 from 13px; the display sizes
     are set by hand rather than computed (decision 8). */
  --font: Archivo, -apple-system, BlinkMacSystemFont, "Segoe UI", Helvetica, Arial, sans-serif;
  --t-xs: 12px; --t-sm: 13px; --t-md: 15px; --t-lg: 17px; --t-xl: 20px; --t-2xl: 23px; --t-3xl: 26px;
  --d-1: 32px; --d-2: 48px; --d-3: 72px;
  /* Space: one module runs the grid and the layout (decision 9). Cell size is a layout decision. */
  --m: 8px;
  --cell: var(--m); --cell-gap: 2px;
  /* Edge, split by role: data is square, controls are round (decision 2). */
  --r-data: 2px; --r-ctl: 8px; --r-pill: 999px;
  /* Motion: scroll-driven on marketing, state-change in the app (decision 6). */
  --ease: cubic-bezier(.16, 1, .3, 1); --dur: 160ms;
  /* A ledger is ruled, not lifted. Shadow exists for the one thing that floats: a popover. */
  --shadow-pop: 0 8px 24px color-mix(in srgb, var(--ink) 12%, transparent), 0 0 0 1px var(--rule);
  color-scheme: light;
}

/* Dark: system preference, unless the page was stamped light. */
@media (prefers-color-scheme: dark) {
  :root:not([data-theme="light"]) {
    --ground: #17150F;
    --surface: #201E16;
    --well: #2A2820;
    --rule: #34312A;
    --rule-strong: #4A4739;
    --ink: #F4F2E6;
    --body: #C6C2B2;
    --muted: #95907E;
    --faint: #75705F;
    --glass: color-mix(in srgb, #17150F 88%, transparent);
    --scrim: color-mix(in srgb, #0E0D15 62%, transparent);
    --band: #F9FAF3;
    --band-ink: #0E0D15;
    --band-body: #413F3A;
    --band-muted: #6E6A5C;
    --band-rule: #DFDDD0;
    --accent: #F2825A;
    --accent-hover: #F7A183;
    --accent-fill: #E65926;
    --accent-fill-hover: #F86939;
    --on-accent: #0E0D15;
    --focal: #D24335;
    --accent-2: #211816;
    --accent-3: #33211B;
    --accent-4: #44281F;
    --accent-6: #6A3828;
    --accent-7: #E65926;
    --w-empty: #32302A;
    --w-sleep: #3A6BA0;
    --w-leisure: #E1AA45;
    --w-work: #A64484;
    --w-home: #94B749;
    --w-other: #2E98A5;
    --w-session: #D24335;
    --success-1: #121512;
    --success-2: #161D17;
    --success-3: #1B2B1F;
    --success-4: #1E3725;
    --success-5: #20432B;
    --success-6: #245333;
    --success-7: #2A6A3F;
    --success-8: #2E854D;
    --success-9: #008D46;
    --success-10: #039B4E;
    --success-11: #419F61;
    --success-12: #94BC9E;
    --success-on9: #0E0D15;
    --warning-1: #151311;
    --warning-2: #1E1A15;
    --warning-3: #2F2419;
    --warning-4: #3D2D1B;
    --warning-5: #4C351C;
    --warning-6: #5E411F;
    --warning-7: #785123;
    --warning-8: #986526;
    --warning-9: #AE6B02;
    --warning-10: #BD7605;
    --warning-11: #BA813C;
    --warning-12: #C7AC8F;
    --warning-on9: #0E0D15;
    --danger-1: #161313;
    --danger-2: #211819;
    --danger-3: #342022;
    --danger-4: #44272A;
    --danger-5: #552D32;
    --danger-6: #6A353D;
    --danger-7: #87424C;
    --danger-8: #AB505F;
    --danger-9: #D14B65;
    --danger-10: #DF5871;
    --danger-11: #D36C7B;
    --danger-12: #D5A3A8;
    --danger-on9: #0E0D15;
    --info-1: #131417;
    --info-2: #191A21;
    --info-3: #232535;
    --info-4: #2B2E47;
    --info-5: #333759;
    --info-6: #3E4370;
    --info-7: #4F548F;
    --info-8: #6269B6;
    --info-9: #696EDF;
    --info-10: #747AED;
    --info-11: #7C85DC;
    --info-12: #A8AFD8;
    --info-on9: #0E0D15;
    color-scheme: dark;
  }
}

/* Dark: an explicit stamp wins in both directions. Identical to the block above. */
:root[data-theme="dark"] {
  --ground: #17150F;
  --surface: #201E16;
  --well: #2A2820;
  --rule: #34312A;
  --rule-strong: #4A4739;
  --ink: #F4F2E6;
  --body: #C6C2B2;
  --muted: #95907E;
  --faint: #75705F;
  --glass: color-mix(in srgb, #17150F 88%, transparent);
  --scrim: color-mix(in srgb, #0E0D15 62%, transparent);
  --band: #F9FAF3;
  --band-ink: #0E0D15;
  --band-body: #413F3A;
  --band-muted: #6E6A5C;
  --band-rule: #DFDDD0;
  --accent: #F2825A;
  --accent-hover: #F7A183;
  --accent-fill: #E65926;
  --accent-fill-hover: #F86939;
  --on-accent: #0E0D15;
  --focal: #D24335;
  --accent-2: #211816;
  --accent-3: #33211B;
  --accent-4: #44281F;
  --accent-6: #6A3828;
  --accent-7: #E65926;
  --w-empty: #32302A;
  --w-sleep: #3A6BA0;
  --w-leisure: #E1AA45;
  --w-work: #A64484;
  --w-home: #94B749;
  --w-other: #2E98A5;
  --w-session: #D24335;
  --success-1: #121512;
  --success-2: #161D17;
  --success-3: #1B2B1F;
  --success-4: #1E3725;
  --success-5: #20432B;
  --success-6: #245333;
  --success-7: #2A6A3F;
  --success-8: #2E854D;
  --success-9: #008D46;
  --success-10: #039B4E;
  --success-11: #419F61;
  --success-12: #94BC9E;
  --success-on9: #0E0D15;
  --warning-1: #151311;
  --warning-2: #1E1A15;
  --warning-3: #2F2419;
  --warning-4: #3D2D1B;
  --warning-5: #4C351C;
  --warning-6: #5E411F;
  --warning-7: #785123;
  --warning-8: #986526;
  --warning-9: #AE6B02;
  --warning-10: #BD7605;
  --warning-11: #BA813C;
  --warning-12: #C7AC8F;
  --warning-on9: #0E0D15;
  --danger-1: #161313;
  --danger-2: #211819;
  --danger-3: #342022;
  --danger-4: #44272A;
  --danger-5: #552D32;
  --danger-6: #6A353D;
  --danger-7: #87424C;
  --danger-8: #AB505F;
  --danger-9: #D14B65;
  --danger-10: #DF5871;
  --danger-11: #D36C7B;
  --danger-12: #D5A3A8;
  --danger-on9: #0E0D15;
  --info-1: #131417;
  --info-2: #191A21;
  --info-3: #232535;
  --info-4: #2B2E47;
  --info-5: #333759;
  --info-6: #3E4370;
  --info-7: #4F548F;
  --info-8: #6269B6;
  --info-9: #696EDF;
  --info-10: #747AED;
  --info-11: #7C85DC;
  --info-12: #A8AFD8;
  --info-on9: #0E0D15;
  color-scheme: dark;
}