/* The Clikin console tokens — the single source, shared.
 *
 * CR-20260902-002 P0 approved these values (copied from Clikin-website/css/clikin.css,
 * with the ground #FBF8F1 Ravi's own iteration on the drawer mock). They lived only
 * inside control-panel.css, 9,000 lines down, where a standalone page could not reach
 * them — which is why the Sales Manager page was still on Inter and Google blue until
 * CR-20260909-001. This file is what a standalone page loads.
 *
 * control-panel.css keeps its own copy because clikin_theme_p0.test.mjs pins the values
 * in that sheet; aquon_tokens.test.mjs asserts the two agree token for token, so a drift
 * fails the suite instead of shipping.
 *
 * Changes flow website -> console, never the reverse (D4 of CR-20260902-002).
 */
:root{
  --bg:#FBF8F1;                 /* the ground: light gold-beige — the working surface, not the cards */
  --bg2:#F5F1E6;
  --surface:#FFFFFF;
  --surface-2:#FFFFFF;
  --surface-3:#FBFCFE;
  --surface-glass:rgba(255,255,255,.94);
  --surface-soft:#FBFCFE;
  --text:#070A12;               /* --ink */
  --muted:#55607A;              /* --soft */
  /* Round-one audit: #8C95AC measures 3.0:1 on the ground and 49 call sites set it on small text — a real
   * accessibility regression from the swap. Mapped to the website's base-set --soft instead (6.0:1); the
   * decorative value survives as --faint for large or genuinely ornamental use only (P1's hunt). */
  --muted-2:#59637A;
  --faint:#8C95AC;              /* decorative/large only — 3.0:1, never body-size text */
  --line:#E5E9F2;               /* cool hairline, inside cards */
  --line-2:#EFF2F8;
  --line-strong:#CBD2DE;
  --ground-line:#EFEADD;        /* warm hairline, for edges that sit on the ground */
  --accent:#3B6CFF;             /* --blue */
  --accent-2:#7B5CFF;           /* --violet */
  --accent-deep:#2450D8;        /* --blue-deep: text links, small text on light */
  --accent-soft:#EDF2FF;        /* --wash */
  --accent-violet:#7B5CFF;
  --accent-violet-soft:#F2EFFF;
  --success:#00996F;            /* --ok */
  --success-soft:#E6F8F1;
  --success-mid:#00C48C;
  --warn:#B26A00;               /* --warm */
  --warning:#B26A00;
  --warn-soft:#FFF6E6;
  --danger:#C1362B;             /* --hot */
  --danger-soft:#FEF1EF;
  --gradient-primary:linear-gradient(135deg,#3B6CFF 0%,#7B5CFF 60%);
  --gradient-surface:#FFFFFF;
  --shadow-sm:0 1px 2px rgba(7,10,18,.05), 0 4px 12px -6px rgba(7,10,18,.08);
  --shadow-md:0 1px 2px rgba(7,10,18,.05), 0 10px 26px -12px rgba(7,10,18,.10);
  --shadow-lg:0 2px 6px rgba(7,10,18,.06), 0 18px 40px -18px rgba(7,10,18,.16);
  --shadow-xl:0 24px 60px -24px rgba(7,10,18,.28), 0 2px 6px rgba(7,10,18,.06);
  --radius-xs:6px;
  --radius-sm:8px;
  --radius-md:10px;
  --radius-lg:12px;
  --radius-xl:12px;
  --focus-ring:0 0 0 3px rgba(59,108,255,.20);
  --font-sans:"Hanken Grotesk",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Arial,sans-serif;
  --font-mono:"JetBrains Mono",ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;
  --font-display:"Newsreader","Iowan Old Style",Georgia,serif;
}