/* eq-tokens.css — data-colour aliases for Chemulate Equilibrium.
   Loaded after design-system.css and before every other app stylesheet.
   design-system.css has no series colours; these are aliases onto its tokens, so light/dark
   follow the house theme automatically. Colour is never the only cue: every series also has a
   dash pattern (chart) and a marker shape (gauges, particles) — see CONTRACT.md §4.
   Owner: lead. Modules read these; they do not redefine them. */
:root {
  --eq-a: var(--primary);   /* series 0 — solid line   · circle   */
  --eq-b: var(--accent);    /* series 1 — dashed line  · square   */
  --eq-c: var(--ink-2);     /* series 2 — dotted line  · triangle */
  --eq-d: var(--faint);     /* series 3 — dash-dot     · diamond  (was --muted, a near-twin of --eq-c; --faint is ≥3.7:1 on --card in both themes) */
  --eq-heat: var(--warn);         /* heat entity fill   */
  --eq-heat-ink: var(--warn-ink); /* heat entity stroke / text */
  --eq-heat-soft: var(--warn-soft);
  --eq-inert: var(--muted);       /* inert gas (ring shape, never filled) */
  --eq-solid: var(--line-strong); /* pure solid / liquid blocks (not in Q) */
  --eq-solid-ink: var(--ink-2);
  /* Boundary colour for controls, plank, fulcrum, gauge tracks: --line-strong is only ~1.6:1 on --card, below the
     3:1 non-text minimum (WCAG 1.4.11). --faint is 3.7:1 (light) / ≈3.7:1 (dark) on --card. Use for any edge that
     identifies a control or a graphic; keep --line-strong for decorative dividers. */
  --eq-edge: var(--faint);
  /* Tint strengths for color-mix() fills over --card (see-saw balloons, solid blocks, flying tokens). */
  --eq-tint-balloon: 12%;
  --eq-tint-solid: 45%;
  --eq-tint-token: 30%;
}