/* The OkMaybe palette: the one token source for the web pages and the app
   (PRD 9.3). lib/app/theme/app_tokens.dart holds the same values by hand,
   and test/app/theme/app_tokens_test.dart fails when the two disagree, so
   change a value here and there together.

   Three themes: light (default), dark (the system setting, or
   data-theme="dark"), and dark-dim (data-theme="dim", chosen in the app).
   --fill and --fill-ink are filled buttons, the deep teal in every theme;
   --hot is teal text, links, and focus outlines; --hot-on-paper-2 is teal
   text on --paper-2, darker in light so it keeps 4.5:1 there (the same as
   --hot in dark and dark-dim); --hot-soft is a pale
   teal wash behind teal marks (the landing page's step numbers and the
   sharer's card). --line is hairlines;
   --field-line is the resting border of an input, at least 3:1 against
   --paper and --paper-2 (WCAG 1.4.11). Companion colors carry
   meaning only, never decoration. --pending on --pending-bg (amber) and
   --ready on --ready-bg (green) are a spot's status pills (PRD 9.3,
   FR-13); --pending alone is an urgent time to decide. */
:root{
  --paper:#fbf8f3;
  --paper-2:#f2ece2;
  --bubble:#eee8dc;
  --screen:#ffffff;
  --ink:#17150f;
  --ink-2:#6b6559;
  --line:#ded6c8;
  --field-line:#8c8679;
  --hot:#0f7f78;
  --hot-ink:#fff8f3;
  --hot-on-paper-2:#0d726c;
  --hot-soft:#dcefec;
  --fill:#0f7f78;
  --fill-ink:#fff8f3;
  --success:#4f7a5a;
  --warning:#b9891e;
  --info:#4a5f8c;
  --error:#8b2e1f;
  --pending:#7a560c;
  --pending-bg:#f6e7c4;
  --ready:#2f5a3a;
  --ready-bg:#dcebdf;
}
@media (prefers-color-scheme:dark){
  :root:not([data-theme="light"]):not([data-theme="dim"]){
    --paper:#141210;
    --paper-2:#1e1b18;
    --bubble:#2a2622;
    --screen:#1b1815;
    --ink:#f4efe6;
    --ink-2:#9b9385;
    --line:#332e28;
    --field-line:#6d675c;
    --hot:#4fbfb4;
    --hot-ink:#0e1413;
    --hot-on-paper-2:#4fbfb4;
    --hot-soft:#173230;
    --success:#7fae89;
    --error:#e8957f;
    --pending:#f0c766;
    --pending-bg:#3a2f14;
    --ready:#9fd6ab;
    --ready-bg:#1d3324;
  }
}
:root[data-theme="dark"]{
  --paper:#141210;
  --paper-2:#1e1b18;
  --bubble:#2a2622;
  --screen:#1b1815;
  --ink:#f4efe6;
  --ink-2:#9b9385;
  --line:#332e28;
  --field-line:#6d675c;
  --hot:#4fbfb4;
  --hot-ink:#0e1413;
  --hot-on-paper-2:#4fbfb4;
  --hot-soft:#173230;
  --success:#7fae89;
  --error:#e8957f;
  --pending:#f0c766;
  --pending-bg:#3a2f14;
  --ready:#9fd6ab;
  --ready-bg:#1d3324;
}
:root[data-theme="dim"]{
  --paper:#12202b;
  --paper-2:#1a2a37;
  --bubble:#233342;
  --screen:#172633;
  --ink:#f2f5f7;
  --ink-2:#a9b6c0;
  --line:#2c3d4c;
  --field-line:#667581;
  --hot:#4fbfb4;
  --hot-ink:#0e1413;
  --hot-on-paper-2:#4fbfb4;
  --hot-soft:#1d3d44;
  --success:#7fae89;
  --error:#e8957f;
  --pending:#f0c766;
  --pending-bg:#3a2f14;
  --ready:#9fd6ab;
  --ready-bg:#1d3324;
}