/* Groundwork's whole override surface.
 *
 * The concept page wears a warm face — "read on a Saturday by somebody who has
 * decided to build something" — so the dashboard does too, and that is all it
 * does: colour, in the thirteen properties the contract allows, and nothing else.
 * The page's rounder corners, its display face and its dashed rules are layout and
 * type, which structure.css owns; they stay on the public page and do not come in
 * here.
 *
 * Served after structure.css and never before it:
 *
 *     <link rel="stylesheet" href="structure.css">
 *     <link rel="stylesheet" href="theme.css">
 *
 * Checked by `python -m kodebeat.theme src/groundwork/static/theme.css` in CI.
 */

:root {
  /* ---- what groundwork changes ---- */

  /* The page's paper and ink, from the concept page's own tokens. */
  --bg:        light-dark(#fdf9f4, #17120e);
  --panel:     light-dark(#ffffff, #221b15);
  --sunk:      light-dark(#f7efe5, #291f18);
  --ink:       light-dark(#241b15, #f6ede4);   /* 16.1:1 on --bg in both schemes */
  --dim:       light-dark(#7a6a5e, #a99787);   /* 4.95:1 light, 6.6:1 dark */
  --line:      light-dark(#ebdfd2, #372b22);

  /* The orange. Not the page's #E85D2A in light: that is 3.4:1 against the paper,
     and this colour is also link text, so it is the page's deeper step instead —
     4.8:1 on --bg, 5.05:1 under white. Dark keeps the page's own value, 7.3:1. */
  --accent:    light-dark(#c1461a, #ff7d4d);
  --on-accent: light-dark(#ffffff, #1b120c);

  /* ---- the rest of the surface, at its default ---- */

  /* --pass:      light-dark(#2f7a4c, #5cb37e); */  /* we looked and it is fine */
  /* --warn:      light-dark(#96681a, #d9a441); */  /* we looked and it needs attention */
  /* --fail:      light-dark(#c0432e, #e0644c); */  /* we looked and it is broken */
  /* --unchecked: light-dark(#8e8e88, #6e7178); */  /* nothing has looked — always hatched */
  /* --none:      light-dark(#d8d7d2, #34363c); */  /* an empty track, an absent value */
}
:root {
  --bg: light-dark(#fdf9f4, #17120e);
  --panel: light-dark(#ffffff, #221b15);
  --sunk: light-dark(#f7efe5, #291f18);
  --ink: light-dark(#241b15, #f6ede4);
  --dim: light-dark(#7a6a5e, #a99787);
  --line: light-dark(#ebdfd2, #372b22);
  --accent: light-dark(#c1461a, #ff7d4d);
  --on-accent: light-dark(#ffffff, #1b120c);
}