/* ═══════════════════════════════════════════════════════════════
   DESIGN TOKENS — light + dark constitution
   Ported from the prototype: Kimi_Agent_Steelco ai/app/buyer.html
   ═══════════════════════════════════════════════════════════════ */

/* ─── tokens ─── */
:root{
  --navy:#162230;
  --royal:#044688;
  --ai-blue:#075AA0;
  --glow-blue:#31A8FF;
  --brushed:#9CA4AD;
  --light-steel:#DFE4EA;
  --graphite:#4B5563;
  --charcoal:#2C3642;
  --n-black:#0E1116; --n-900:#162230; --n-800:#243241; --n-700:#3A4958;
  --n-600:#59697A; --n-500:#7B8895; --n-400:#9CA4AD; --n-300:#C4CBD3;
  --n-200:#DFE4EA; --n-100:#F3F5F7; --white:#FFFFFF;
  --success:#2EAD62; --success-bg:#DDF7E7;
  --warning:#F59E0B; --warning-bg:#FFF3D8;
  --error:#D9363E;   --error-bg:#FFE6E8;
  --info:#2196F3;    --info-bg:#EAF5FF;
  --grad-primary:linear-gradient(135deg,#162230 0%,#044688 55%,#075AA0 100%);
  --grad-accent:linear-gradient(135deg,#075AA0 0%,#31A8FF 100%);
  --grad-metal:linear-gradient(135deg,#F4F6F8 0%,#DFE4EA 30%,#B8C0C9 55%,#9CA4AD 78%,#7E8792 100%);
  --bg:#FFFFFF;
  --bg-section:#F7F9FB;
  --bg-alt:#EEF2F6;
  --bg-dark:#162230;
  --bg-footer:#0E1116;
  --surface:#FFFFFF;
  --raised:#F7F9FB;
  --border:#DFE4EA;
  --border-strong:#C4CBD3;
  --heading:#162230;
  --body:#4B5563;
  --caption:#7B8895;
  --disabled:#B8C0C9;
  --btn-p:#044688; --btn-p-hover:#075AA0; --btn-p-press:#162230;
  --btn-sec-border:#044688; --btn-sec-label:#044688; --btn-sec-hover:#EEF2F6;
  --row-hover:#F7F9FB;
  --shadow-flat:0 1px 2px rgba(14,17,22,.06);
  --shadow-raised:0 8px 24px rgba(14,17,22,.10);
  --glow:0 0 40px rgba(49,168,255,.30);
  --focus-ring:#075AA0;
  --font-display:'Alexandria','IBM Plex Sans Arabic','IBM Plex Sans',sans-serif;
  --font-body:'IBM Plex Sans Arabic','IBM Plex Sans',sans-serif;
  --font-mono:'IBM Plex Mono',monospace;
  --radius-card:12px;
  --radius-btn:8px;
  --radius-chip:999px;
  --ease:cubic-bezier(.22,.61,.36,1);
}
html[data-theme="dark"]{
  --bg:#0E1116;
  --bg-section:#0E1116;
  --bg-alt:#162230;
  --bg-dark:#0E1116;
  --bg-footer:#0E1116;
  --surface:#162230;
  --raised:#243241;
  --border:#3A4958;
  --border-strong:#59697A;
  --heading:#F3F5F7;
  --body:#C4CBD3;
  --caption:#7B8895;
  --disabled:#59697A;
  --btn-p:#075AA0; --btn-p-hover:#075AA0; --btn-p-press:#044688;
  --btn-sec-border:#075AA0; --btn-sec-label:#C4CBD3; --btn-sec-hover:#243241;
  --row-hover:#243241;
  --shadow-flat:0 1px 2px rgba(0,0,0,.4);
  --shadow-raised:0 8px 24px rgba(0,0,0,.5);
  --glow:0 0 40px rgba(49,168,255,.45);
  --grad-metal:linear-gradient(135deg,#7E8792 0%,#59697A 35%,#3A4958 65%,#243241 100%);
}