/* tokens-maint.css — THE MAINTENANCE PHONE SITE'S OVERRIDE LAYER over tokens.css (10/26/26).
   tokens.css (a byte-equal copy of frontend-ma/js/kit/tokens.css, `python tools/sync_tokens.py`) holds
   every design variable; this layer re-colours it for the front sites' quiet voice, the evergreen on
   paper-white and the serif (the set's `.v-after.front` blocks, design/premium-look-2026-10-25/
   origin-v2.css; backend/tests/test_design_variables_2026_10_26.py holds the two together). Nothing
   on this site reads an --o-* variable yet (step 5 of the look moves it), so loading it changes no
   pixel today. Dark follows the phone's system, as this site's own sheet does. */
:root{
  --o-bg:#FAFAF8; --o-surface:#ffffff; --o-surface-2:#F5F5F1; --o-surface-3:#EDEEE8; --o-side:#F7F7F3;
  --o-ink:#1E2A26; --o-ink-2:#4F5C57; --o-ink-3:#66736D; --o-ink-4:#A9B3AE;
  --o-hair:rgba(30,42,38,.1); --o-hair-2:rgba(30,42,38,.06); --o-hair-3:rgba(30,42,38,.04);
  --o-accent:#14544A; --o-accent-bright:#1E6E61; --o-accent-tint:#E6EFEC; --o-accent-ink:#ffffff;
  --o-primary:#14544A; --o-primary-hover:#0F443C; --o-primary-ink:#ffffff;
  --o-neg:#7A5A12; --o-neg-tint:#F6EDD6; /* no red on the front sites: the alarm is amber */
  --o-serif:"Iowan Old Style","Palatino Linotype",Palatino,Georgia,serif;
}
@media (prefers-color-scheme: dark){
  :root:not([data-theme="light"]){
    --o-bg:#111614; --o-surface:#181F1C; --o-surface-2:#1D2522; --o-surface-3:#243029; --o-side:#141A17;
    --o-ink:#EAEDEA; --o-ink-2:#A9B3AE; --o-ink-3:#85918B; --o-ink-4:#4B5752;
    --o-hair:rgba(255,255,255,.1); --o-hair-2:rgba(255,255,255,.06); --o-hair-3:rgba(255,255,255,.04);
    --o-accent:#7FC2B3; --o-accent-bright:#8FD0C1; --o-accent-tint:rgba(20,84,74,.3); --o-accent-ink:#0B2520;
    --o-primary:#7FC2B3; --o-primary-hover:#9AD3C6; --o-primary-ink:#0B2520;
    --o-pos:#6fcf9c; --o-pos-tint:rgba(29,122,85,.25); --o-warn:#e2b45a; --o-warn-tint:rgba(154,100,19,.25); --o-info:#9dbbf2; --o-info-tint:rgba(36,86,166,.3);
    --o-neg:#e2b45a; --o-neg-tint:rgba(122,90,18,.3); --o-neg-ink:#241a05; /* no red in the dark either: the alarm stays amber */
  }
}
:root[data-theme="dark"]{
  --o-bg:#111614; --o-surface:#181F1C; --o-surface-2:#1D2522; --o-surface-3:#243029; --o-side:#141A17;
  --o-ink:#EAEDEA; --o-ink-2:#A9B3AE; --o-ink-3:#85918B; --o-ink-4:#4B5752;
  --o-hair:rgba(255,255,255,.1); --o-hair-2:rgba(255,255,255,.06); --o-hair-3:rgba(255,255,255,.04);
  --o-accent:#7FC2B3; --o-accent-bright:#8FD0C1; --o-accent-tint:rgba(20,84,74,.3); --o-accent-ink:#0B2520;
  --o-primary:#7FC2B3; --o-primary-hover:#9AD3C6; --o-primary-ink:#0B2520;
  --o-pos:#6fcf9c; --o-pos-tint:rgba(29,122,85,.25); --o-warn:#e2b45a; --o-warn-tint:rgba(154,100,19,.25); --o-info:#9dbbf2; --o-info-tint:rgba(36,86,166,.3);
  --o-neg:#e2b45a; --o-neg-tint:rgba(122,90,18,.3); --o-neg-ink:#241a05; /* no red in the dark either: the alarm stays amber */
}