/*
 * Design tokens (PLAN.md §8.1). The app commits to a single dark look — it is
 * painted explicitly and never follows the OS theme. Change colors here, not
 * in component styles.
 */
:root {
  --bg: #0D141F;             /* page & phone ground */
  --surface: #16202E;        /* expanded panels, chips ground */
  --raised: #1C2938;         /* pressed/hover */
  --line: #1D2A3A;           /* hairlines between rows */
  --ink: #ECF3F9;            /* primary text */
  --ink-soft: #B9C8D6;       /* secondary text */
  --muted: #7E92A7;          /* labels, captions */
  --faint: #566d84;          /* axis labels, footnotes */
  --accent: #6FB9E8;         /* brand blue */
  --accent-bright: #8FD0F4;  /* highlights, pegged bars, medians */
  --bar: #58A9DC;            /* snowfall bars */
  --bar-track: #1E2C3C;
  --grade-a: #7ECB96;
  --grade-b: #DCB365;
  --grade-c: #DE8B72;

  /* No webfonts — system stack, with Japanese faces for the ja locale. */
  --font: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto,
    "Hiragino Kaku Gothic ProN", "Noto Sans JP", "Helvetica Neue", Arial, sans-serif;
}