/* StyleChain colour & layout tokens – hex/rgb literals ONLY here.
   Reference everywhere else via var(--token-name). */
:root{
  --blue:#2E6BFB;
  --blue-hover:#4A82FF;
  --blue-tint:#60A5FA;
  --blue-deep:#1b4fc4;
  --bg:#0B1220;
  --bg-2:#0E1626;
  --bg-deep:#05080f;
  --bg-tile:#0f1830;
  --card:#141C2B;
  --border:#22304A;
  --white:#FFFFFF;
  --text:#C7CCD6;
  --text-dim:#8C97A8;
  --text-quote:#E7EAF0;
  --text-chat:#dbe4f0;
  --text-chat-muted:#cfe9da;
  --ok:#4ADE80;
  --ok-bright:#46cf83;
  --warn:#FBBF24;
  --warn-bright:#f0a23b;
  --error:#f87171;
  --swatch-neutral:#e7e9ee;
  --swatch-gray:#6b7280;
  --surface-light:#FFFFFF;
  --fabric-knit:#c9b18a;
  --fabric-knit-dark:#bda57e;
  --fabric-denim:#5b7ca6;
  --fabric-denim-dark:#516f95;
  --fabric-terry:#e7e9ee;
  --fabric-terry-dark:#d7dae1;
  --fabric-rib-pink:#e1b0be;
  --fabric-rib-pink-dark:#d49db0;
  --fabric-rib-gray:#8b939e;
  --fabric-rib-gray-dark:#6b7280;
  --fabric-slate:#7d8a99;
  --fabric-slate-dark:#6f7c8b;
  --fabric-terry-mid:#d7dae1;
  --fabric-terry-mid2:#d0d4dc;
  --fabric-rib-gray-mid:#9099a5;
  --status-ok:#22c55e;
  --status-warn:#f59e0b;
  --text-muted-blue:#cdddf6;
  --shot-bg:#eef0f4;
  --avatar-indigo:#6366f1;
  --avatar-teal:#0f766e;
  --avatar-sky:#0ea5e9;
  --brand-adobe:#FF9A00;
  --brand-adobe-text:#1a1200;
  --brand-netsuite:#1B3A57;
  --swatch-sage-light:#9caf88;
  --swatch-sage-dark:#74875f;
  --swatch-tan-light:#b58a68;
  --swatch-tan-dark:#8a634a;
  --swatch-ink-light:#2c2c2c;
  --swatch-ink-dark:#101010;
  --mock-top-fade:rgba(22,32,52,0);
  --bg-rgb:11,18,32;
  --blue-rgb:46,107,251;
  --blue-tint-rgb:96,165,250;
  --ok-rgb:34,197,94;
  --ok-alt-rgb:33,160,90;
  --warn-rgb:245,158,11;
  --error-rgb:248,113,113;
  --border-rgb:34,48,74;
  --white-rgb:255,255,255;
  --black-rgb:0,0,0;
  --scrim:rgba(5,9,17,.62);
  --bg-glass:rgba(var(--bg-rgb),.82);
  --bg-glass-solid:rgba(var(--bg-rgb),.98);
  --bg-overlay:rgba(var(--bg-rgb),.55);
  --bg-overlay-strong:rgba(var(--bg-rgb),.92);
  --blue-12:rgba(var(--blue-rgb),.12);
  --blue-13:rgba(var(--blue-rgb),.13);
  --blue-14:rgba(var(--blue-rgb),.14);
  --blue-15:rgba(var(--blue-rgb),.15);
  --blue-18:rgba(var(--blue-rgb),.18);
  --blue-22:rgba(var(--blue-rgb),.22);
  --blue-28:rgba(var(--blue-rgb),.28);
  --blue-30:rgba(var(--blue-rgb),.3);
  --blue-50:rgba(var(--blue-rgb),.5);
  --blue-65:rgba(var(--blue-rgb),.65);
  --blue-70:rgba(var(--blue-rgb),.7);
  --blue-shadow:rgba(var(--blue-rgb),.6);
  --blue-tint-12:rgba(var(--blue-tint-rgb),.12);
  --blue-tint-25:rgba(var(--blue-tint-rgb),.25);
  --ok-15:rgba(var(--ok-rgb),.15);
  --ok-alt-10:rgba(var(--ok-alt-rgb),.1);
  --ok-alt-14:rgba(var(--ok-alt-rgb),.14);
  --ok-alt-32:rgba(var(--ok-alt-rgb),.32);
  --ok-alt-42:rgba(var(--ok-alt-rgb),.42);
  --warn-15:rgba(var(--warn-rgb),.15);
  --error-10:rgba(var(--error-rgb),.1);
  --error-35:rgba(var(--error-rgb),.35);
  --border-track:rgba(var(--border-rgb),.9);
  --shadow-sm:rgba(var(--black-rgb),.28);
  --shadow-lg:rgba(var(--black-rgb),.6);
  --shadow-xl:rgba(var(--black-rgb),.7);
  --shadow-2xl:rgba(var(--black-rgb),.8);
  --white-06:rgba(var(--white-rgb),.06);
  --white-12:rgba(var(--white-rgb),.12);
  --white-15:rgba(var(--white-rgb),.15);
  --white-fade:rgba(var(--white-rgb),0);
  --maxw:1180px;
  --radius:14px;
  --radius-sm:8px;
  --display:'Sora',sans-serif;
  --body:'Inter',sans-serif;
  --btn-h:48px;
  --btn-h-sm:40px;
  --logo-h:48px;
  --btn-px:30px;
  --btn-px-sm:20px;
  --btn-fs:16px;
  --btn-fs-sm:14px;
  --btn-radius:8px;
}