/* ETOPCHANGER colour tokens — THE one palette (design decisions 1-3, 2026-10-03;
   docs/DESIGN-SYSTEM.md + docs/audits/2026-10-03-design/colour/).
   Every customer page links this file before its own <style>. A page keeps only
   page-local tokens; it never re-declares anything below.
   One theme: dark only (audit C-28). color-scheme makes native controls, the
   select popup, scrollbars and autofill dark in Safari and Chrome (C-27).
   One meaning per colour:
     accent  = interactive only (link, focus, selected)   accent-solid = filled button
     gold    = bonus / reward only                        amb  = warning
     ok      = success, done, live                        red  = error, danger, sell   red-solid = filled sell/danger button
     tet     = the USDT identity only */
:root{
  color-scheme:dark;

  /* surfaces */
  --bg:#0A0D13; --bg2:#0E1219; --surf:#121721; --surf2:#171D29;
  --line:#212836; --line2:#2A3444; --line-hi:#39405A;
  --bg-glass:rgba(10,13,19,.86);   /* sticky header glass: one recipe (C-25) */
  --scrim:rgba(5,7,11,.72);        /* modal / sheet backdrops: one recipe (C-26) */
  --shade:rgba(0,0,0,.45);         /* drop shadows */
  --white-a:rgba(255,255,255,.06); /* neutral hover wash */

  /* text — tx3 is >= 4.5:1 on bg, surf and surf2 (tests/test_colour_tokens.py) */
  --tx:#EEF1F6; --tx2:#98A1B3; --tx3:#8791A6;

  /* accent (cobalt): #4E7FFF for links, focus, selected states and borders;
     filled buttons use --accent-solid with white text (4.69:1, decision 2) */
  --accent:#4E7FFF; --accent-g:rgba(78,127,255,.11); --accent-line:rgba(78,127,255,.32);
  --accent-tx:#5B8CFF;                       /* text on an accent tint (guide pills) */
  --accent-solid:#3E6BE8; --accent-solid-hover:#3459D0;
  --accent-hover:var(--accent-solid);
  --accent-off:#273B6F; --on-accent-off:rgba(238,241,246,.72);
  --on-accent:#fff;
  --ring:0 0 0 3px rgba(78,127,255,.25);

  /* gold: rewards only */
  --gold:#FBBD0A; --gold-deep:#936E05; --gold-ink:#1A1200; --gold-hover:#FDD96E;
  --gold-g:rgba(251,189,10,.12); --gold-line:rgba(251,189,10,.40); --gold-glow:rgba(251,189,10,.30);

  /* warning */
  --amb:#FF8A1F; --amb-g:rgba(255,138,31,.12); --amb-line:rgba(255,138,31,.30); --amb-tx:#FFCA9A;

  /* success / done / live */
  --ok:#2FBE83; --ok-g:rgba(47,190,131,.12); --ok-line:rgba(47,190,131,.32); --ok-tx:#8FE3BC;

  /* error / danger / sell; the fill takes white text at 4.98:1 */
  --red:#F0616B; --red-solid:#C93C47; --red-solid-hover:#B3303B;
  --red-g:rgba(240,97,107,.10); --red-line:rgba(240,97,107,.30); --red-tx:#FFA8A8;

  /* USDT identity (the coin chip and nothing else) */
  --tet:#009393; --tet-g:rgba(0,147,147,.12); --tet-line:rgba(0,147,147,.30); --tet-tx:#33CFCF;

  /* Steam sign-in grey */
  --steam:#4b525e; --steam-hover:#5a6270;

  /* Deprecated aliases so older rules keep working. Do not use in new code:
     --grn/--blu were the cobalt under two names (and --grn lied: success is --ok). */
  --blu:var(--accent); --blu-g:var(--accent-g); --grn:var(--accent); --grn-g:var(--accent-g);
  --live:var(--ok);
}