/* Atelic — shared theme tokens.
   Cool slate palette (greys with a slight blue undertone, so the UI reads crisp rather than grey).
   One steel blue marks everything interactive and the main data series; charts and diagrams use a
   small steel-blue/slate family. Red / amber / green are reserved for state: alarm, unconfirmed /
   needs attention, done / approved. */
:root{
  /* surfaces */
  --bg:#F5F7FA;
  --panel:#FFFFFF;
  --panel-2:#F7F9FC;
  --panel-3:#EDF1F6;
  --panel-hi:#E2E8F0;

  /* lines */
  --line:rgba(15,23,42,.08);
  --line-strong:rgba(15,23,42,.14);

  /* ink */
  --ink:#0F172A;
  --ink-mute:#475569;
  --ink-dim:#94A3B8;
  --ink-faint:#CBD5E1;

  /* interactive (links, primary buttons, selection, focus): medium steel blue */
  --accent:#2E6399;
  --accent-strong:#24507D;
  --accent-glow:rgba(46,99,153,.10);

  /* state */
  --good:#2F7D4F;
  --good-glow:rgba(47,125,79,.12);
  --warn:#B5650B;
  --warn-glow:rgba(181,101,11,.12);
  --bad:#C62828;
  --bad-glow:rgba(198,40,40,.12);

  /* data: a small steel-blue / slate family (no rainbow) */
  --violet:#2E6399;
  --pink:#475569;
  --blue:#2E6399;

  /* graph node and sensor-series palette */
  --n-station:#475569;
  --n-well:#2E6399;
  --n-equip:#5B83AD;
  --n-tag:#64748B;
  --n-wt:#7A8FA8;
  --n-sap:#64748B;

  /* type */
  --sans:'IBM Plex Sans',ui-sans-serif,system-ui,-apple-system,sans-serif;
  --mono:'IBM Plex Mono',ui-monospace,'SF Mono',monospace;

  /* layout */
  --rail:224px;
  --slide:460px;
  --radius:4px;
  --radius-sm:3px;
  --radius-lg:6px;

  /* motion */
  --t:160ms cubic-bezier(.2,.7,.3,1);
  --t-slow:380ms cubic-bezier(.2,.7,.3,1);
}