/* Base palette — Variant Б · GRAPHITE (neutral grey, no undertone; closest to the Resend reference).
   Variants А (cool) and В (warm) are scoped under [data-steel] at the bottom for the round-0 comparison only. */
:root{
  --white:#FFFFFF;
  --grey-50:#F6F6F6;   /* sunken */
  --grey-100:#EEEEEE;  /* sunken-2 · active pill */
  --grey-200:#E4E4E6;  /* border (hairline, decorative) */
  --grey-300:#D2D2D5;  /* border-strong · control outlines */
  --grey-400:#A6A6AB;  /* disabled / placeholder text only (2.6:1) */
  --grey-500:#6F6F74;  /* tertiary text · 4.9:1 on white, 4.6:1 on grey-50 */
  --grey-600:#57575C;  /* secondary text · 6.8:1 */
  --grey-800:#131315;  /* ink · primary text · 18.5:1 */
  --ink:#131315;
  --ink-hover:#2B2B2F; /* 12 % lighter */
  --ink-press:#0A0A0C;
  --ink-raised:#1E1E22; /* raised surface inside the steel block */
  --ink-border:rgba(255,255,255,.10);
  --ink-highlight:rgba(255,255,255,.06);
  --ink-field-border:rgba(255,255,255,.12);
  --white-64:rgba(255,255,255,.64);
  --white-40:rgba(255,255,255,.40);
  --white-80:rgba(255,255,255,.80);
  /* Traffic light — the only colours on any screen. 10 px dot + label. Never a fill on a row or card. */
  --health-green:#22A06B;  --health-green-text:#167A50;  --health-green-12:rgba(34,160,107,.12);
  --health-yellow:#E5A100; --health-yellow-text:#8A6100; --health-yellow-12:rgba(229,161,0,.12);
  --health-red:#D64545;    --health-red-text:#A83232;    --health-red-12:rgba(214,69,69,.12);
  --health-none:#A6A6AB;   --health-none-text:#57575C;   --health-none-12:rgba(19,19,21,.06);
  /* Interface error — outline and text, never a dot */
  --danger:#C4302B; --danger-wash:#FBEDEB;
  --scrim:rgba(10,11,13,.6);
}
[data-steel="cool"]{
  --grey-50:#F5F6F8; --grey-100:#ECEDF0; --grey-200:#E1E3E7; --grey-300:#CFD2D8; --grey-400:#A3A7AF; --grey-500:#6C7078; --grey-600:#54585F; --grey-800:#0F1115;
  --ink:#0A0B0D; --ink-hover:#23252A; --ink-press:#050506; --ink-raised:#171A1F;
}
[data-steel="warm"]{
  --grey-50:#F7F6F4; --grey-100:#EFEDE9; --grey-200:#E5E2DD; --grey-300:#D4D0C9; --grey-400:#A8A49D; --grey-500:#716E68; --grey-600:#585550; --grey-800:#141311;
  --ink:#141311; --ink-hover:#2C2A27; --ink-press:#0A0908; --ink-raised:#1F1D1A;
}