/* Design tokens. Loaded first: every other sheet reads from here.
   Tokenising the colours still hardcoded in components.css is U0 proper. */

:root {
  --bg: #f3f2ef;
  --surface: #fbfaf8;
  --ink: #2e2c28;
  --muted: #6b6862;
  --line: #ddd9d2;
  --accent: #5c6b73;
  --accent-strong: #46535a;
  --selected: #eef1f0;
  --row-hover: #d4e2de;
  --danger: #875449;
  --danger-hover: #6f4037;
  /* Focus indicator. Same ink as --accent-strong, named separately because the
     U0 pass has to be able to change one without the other: this value carries a
     WCAG 2.4.11 obligation (≈7.9:1 on --surface, well over the required 3:1),
     the accent is free to be decorative. */
  --focus-ring: var(--accent-strong);
  --gradient-ramp: linear-gradient(
    47deg,
    #8e9b90,
    #93c0a4,
    #b6c4a2 /* #d4cdab #dce2bd */
  );
  --gradient-size: 500% 500%;
  --gradient-duration: 6s;
}