/* Exhale Vault — themes. TIER ONE ONLY: triplets and alpha components.
   Never a --color-* here — if a theme seems to need one, the tier-one palette is
   missing an entry.
   Three states: light = html[data-theme="light"] (no palette override needed — the
   tokens.css defaults are light, but the block still sets color-scheme so an explicit
   light choice on a dark-preference OS gets light form controls); dark =
   html[data-theme="dark"]; auto = NO data-theme attribute, following the OS. The dark
   and auto blocks are identical by contract — edit both or neither.
   Dark ground is warm charcoal, never black. Clay and brass each lift one step so
   they hold against the dark. Dark hovers LIGHTEN (the one place hover direction
   flips); shadows go black and deepen. */

html[data-theme="dark"] {
  color-scheme: dark;

  --lch-canvas: 20.05% 0.0042 84.59; /* char-800 — warm, never black #171614 */
  --lch-surface: 23.93% 0.0058 91.60; /* char-700 #201F1C */
  --lch-surface-sunken: 18.26% 0.0043 84.59; /* char-900 #131210 */
  --lch-surface-raised: 28.13% 0.0094 88.77; /* char-600 #2B2924 */
  --lch-surface-inverse: 97.71% 0.0074 80.72; /* oat-100 #FAF7F2 */
  --lch-chip: 28.13% 0.0094 88.77; /* char-600 #2B2924 */
  --lch-ink: 94.53% 0.0136 78.26; /* oat-200 #F2ECE3 */
  --lch-ink-display: 97.71% 0.0074 80.72; /* oat-100 #FAF7F2 */
  --lch-ink-muted: 70.56% 0.0207 80.08; /* warm grey, AA on char-800 #A79F92 */
  --lch-ink-faint: 61.26% 0.0196 81.30; /* floor for text in dark #8A8377 */
  --lch-ink-on-accent: 19.03% 0.0268 74.27; /* near-black on clay-400 #1B1206 */
  --lch-ink-on-inverse: 31.09% 0.0625 251.22; /* sea-800 #16324F */
  --lch-border: 33.72% 0.0142 89.88; /* char-500 #3A372F */
  --lch-border-strong: 40.27% 0.0156 86.89; /* char-400 #4C483F */
  --lch-edge: 58.46% 0.0148 82.39; /* holds 3:1 on char-600 and the tinted soft surfaces #807B72 */
  --lch-accent: 66.79% 0.1207 47.97; /* clay-400, lifted one step #D07C4F */
  --lch-accent-hover: 71.10% 0.1166 49.66; /* lighter still — dark hovers lighten #DC8B5D */
  --lch-accent-press: 53.30% 0.1149 44.69; /* clay-500 #A2542F */
  --lch-accent-ink: 66.79% 0.1207 47.97; /* clay-400 #D07C4F */
  --lch-link: 78.97% 0.0543 239.00; /* steel-300 #9BC0DA */
  --lch-celebrate: 77.34% 0.1105 81.43; /* brass-300 #D9AE5E */
  --lch-celebrate-ink: 77.34% 0.1105 81.43; /* brass-300 holds AA on char #D9AE5E */
  --lch-celebrate-soft: 32.22% 0.0219 75.63; /* brass-tinted char #3A3227 */
  --lch-done: 74.21% 0.0598 153.30; /* sage-300 #8FB79A */
  --lch-done-soft: 30.61% 0.0238 154.58; /* sage-tinted char #26332A */
  --lch-info: 78.97% 0.0543 239.00; /* steel-300 #9BC0DA */
  --lch-info-soft: 28.39% 0.0316 240.05; /* steel-tinted char #1B2C38 */
  --lch-caution: 77.34% 0.1105 81.43; /* brass-300 #D9AE5E */
  --lch-caution-soft: 31.28% 0.0304 85.49; /* brass-tinted char #38301F */
  --lch-danger: 69.47% 0.1128 25.77; /* lifted rust #DA8078 */
  --lch-danger-soft: 27.98% 0.0391 24.82; /* rust-tinted char #3A211F */
  --lch-shadow: 0.00% 0 0; /* black #000000 */
  --lch-inset: 100.00% 0 0; /* white #FFFFFF */
  --lch-scrim: 0.00% 0 0; /* black #000000 */
  --shadow-alpha-1: 50%;
  --shadow-alpha-2a: 45%;
  --shadow-alpha-2b: 60%;
  --shadow-alpha-3a: 50%;
  --shadow-alpha-3b: 70%;
  --shadow-alpha-4a: 55%;
  --shadow-alpha-4b: 80%;
  --inset-alpha: 5%;
  --scrim-alpha: 58%;
}

@media (prefers-color-scheme: dark) {
  html:not([data-theme]) {
    /* identical to the block above — auto is the absence of the attribute */
    color-scheme: dark;

    --lch-canvas: 20.05% 0.0042 84.59; /* char-800 — warm, never black #171614 */
    --lch-surface: 23.93% 0.0058 91.60; /* char-700 #201F1C */
    --lch-surface-sunken: 18.26% 0.0043 84.59; /* char-900 #131210 */
    --lch-surface-raised: 28.13% 0.0094 88.77; /* char-600 #2B2924 */
    --lch-surface-inverse: 97.71% 0.0074 80.72; /* oat-100 #FAF7F2 */
    --lch-chip: 28.13% 0.0094 88.77; /* char-600 #2B2924 */
    --lch-ink: 94.53% 0.0136 78.26; /* oat-200 #F2ECE3 */
    --lch-ink-display: 97.71% 0.0074 80.72; /* oat-100 #FAF7F2 */
    --lch-ink-muted: 70.56% 0.0207 80.08; /* warm grey, AA on char-800 #A79F92 */
    --lch-ink-faint: 61.26% 0.0196 81.30; /* floor for text in dark #8A8377 */
    --lch-ink-on-accent: 19.03% 0.0268 74.27; /* near-black on clay-400 #1B1206 */
    --lch-ink-on-inverse: 31.09% 0.0625 251.22; /* sea-800 #16324F */
    --lch-border: 33.72% 0.0142 89.88; /* char-500 #3A372F */
    --lch-border-strong: 40.27% 0.0156 86.89; /* char-400 #4C483F */
    --lch-edge: 58.46% 0.0148 82.39; /* holds 3:1 on char-600 and the tinted soft surfaces #807B72 */
    --lch-accent: 66.79% 0.1207 47.97; /* clay-400, lifted one step #D07C4F */
    --lch-accent-hover: 71.10% 0.1166 49.66; /* lighter still — dark hovers lighten #DC8B5D */
    --lch-accent-press: 53.30% 0.1149 44.69; /* clay-500 #A2542F */
    --lch-accent-ink: 66.79% 0.1207 47.97; /* clay-400 #D07C4F */
    --lch-link: 78.97% 0.0543 239.00; /* steel-300 #9BC0DA */
    --lch-celebrate: 77.34% 0.1105 81.43; /* brass-300 #D9AE5E */
    --lch-celebrate-ink: 77.34% 0.1105 81.43; /* brass-300 holds AA on char #D9AE5E */
    --lch-celebrate-soft: 32.22% 0.0219 75.63; /* brass-tinted char #3A3227 */
    --lch-done: 74.21% 0.0598 153.30; /* sage-300 #8FB79A */
    --lch-done-soft: 30.61% 0.0238 154.58; /* sage-tinted char #26332A */
    --lch-info: 78.97% 0.0543 239.00; /* steel-300 #9BC0DA */
    --lch-info-soft: 28.39% 0.0316 240.05; /* steel-tinted char #1B2C38 */
    --lch-caution: 77.34% 0.1105 81.43; /* brass-300 #D9AE5E */
    --lch-caution-soft: 31.28% 0.0304 85.49; /* brass-tinted char #38301F */
    --lch-danger: 69.47% 0.1128 25.77; /* lifted rust #DA8078 */
    --lch-danger-soft: 27.98% 0.0391 24.82; /* rust-tinted char #3A211F */
    --lch-shadow: 0.00% 0 0; /* black #000000 */
    --lch-inset: 100.00% 0 0; /* white #FFFFFF */
    --lch-scrim: 0.00% 0 0; /* black #000000 */
    --shadow-alpha-1: 50%;
    --shadow-alpha-2a: 45%;
    --shadow-alpha-2b: 60%;
    --shadow-alpha-3a: 50%;
    --shadow-alpha-3b: 70%;
    --shadow-alpha-4a: 55%;
    --shadow-alpha-4b: 80%;
    --inset-alpha: 5%;
    --scrim-alpha: 58%;
  }
}

/* Light is the default palette in tokens.css, so the explicit light choice has no
   triplets to restate. The block still carries color-scheme: without it, a user on a
   dark-preference OS who explicitly chooses light matches neither block above and the
   UA falls back to the `color-scheme: light dark` meta — dark form controls and
   scrollbars on a light page. */
html[data-theme="light"] {
  color-scheme: light;
}