/* ============================================================================
   NAKAGAWA — tokens.css  |  DESIGN TOKENS (single source of truth)
   ----------------------------------------------------------------------------
   Ported verbatim from SHELL_REFERENCE.html (Phase 0 Part D).
   THE ONLY place colours, radii, the font stack and the shell dimensions are
   defined.

   LOAD ORDER — every page, without exception:
       1. manage/css/tokens.css   <-- this file, FIRST
       2. manage/css/shell.css
       3. everything else

   A page that skips this file keeps its layout and its font but renders with NO
   COLOUR AT ALL: every var() resolves to nothing and CSS discards the whole
   declaration. That was the Phase 0 login.aspx bug.

   RULE: no file may use a literal colour. Tokens only. If a needed colour has no
   token here, say so and leave it - never invent one.

   Do not re-declare :root anywhere else. One definition, one file.
   ============================================================================ */

:root{
  --shell-900:#12161B;
  --shell-800:#1B2027;
  --shell-700:#272E37;
  --shell-600:#3A434E;
  --accent:#0F8B8D;
  --accent-hover:#14A3A5;
  --accent-deep:#0B6E70;
  --accent-tint:#E6F4F4;
  --white:#FFFFFF;
  --bg:#F5F7F7;
  --surface:#FFFFFF;
  --border:#E2E6E7;
  --border-strong:#CBD2D4;
  --text-main:#1B2027;
  --text-muted:#6C757D;
  --text-invert:#F0F1F2;
  --sidebar-text:#9AA3AD;
  --danger:#C0392B;
  --success:#1E7A5A;
  --warning:#A66A00;
  --info:#1A6B9A;
  --danger-tint:#FBEAE8;
  --success-tint:#E7F3EE;
  --warning-tint:#FBF2E3;
  --info-tint:#E8F1F7;
  --radius:6px;
  --radius-lg:10px;
  --font-sans:'Outfit',sans-serif;
  --shell-900-rgb:18,22,27;
  --accent-rgb:15,139,141;
  --sidebar-w:236px;
  --topbar-h:56px;

  --navy-deep:var(--shell-800);
  --navy-mid:var(--shell-700);
  --navy-light:var(--shell-600);
  --gold:var(--accent);
  --gold-light:var(--accent-hover);

  /* ---- RETAINED from the Phase 0 palette ----------------------------------
     SHELL_REFERENCE.html's :root omits these nine, but they are still
     referenced 83 times after sidebar.css and nakagawa.css are retired
     (addstyle.css, mystyle.css, tablecs.css, login.aspx, loading.aspx).
     Your instruction was explicit: do not drop any token. Dropping them would
     kill every hover transition, every shadow and every translucent overlay.
     They are remapped onto the tokens above - no new colour is introduced.
     Do NOT add new uses of these; use the tokens above in new CSS.
     ------------------------------------------------------------------------ */
  --gold-faint:var(--accent-tint);
  --text-light:var(--sidebar-text);
  --transition:all 0.2s ease;
  --shadow-sm:0 1px 4px rgba(var(--shell-900-rgb),0.09);
  --shadow:0 3px 12px rgba(var(--shell-900-rgb),0.13);
  --shadow-lg:0 8px 30px rgba(var(--shell-900-rgb),0.18);
  --white-rgb:255,255,255;
  --shell-800-rgb:27,32,39;
  --shell-700-rgb:39,46,55;
}
