/* ============================================================
   kx21 · Design Tokens  (canonical — from kx21 brand guide)
   AurionX product surface. No gradients. Solid indigo master.
   ============================================================ */

:root {
  /* ---- master + accent ---- */
  --kx:      #5646E5;   /* master indigo — chrome, wordmark, master mark */
  --accent:  #5646E5;   /* kx21 master indigo — this deck's primary accent */
  --accent-2:#2563EB;   /* AurionX blue, secondary */

  /* product accents (available if needed) */
  --k: #6D5CE0; --f: #C77800; --t: #0D9488; --a: #2563EB; --e: #DB2777;

  /* ---- neutrals ---- */
  --ink:     #F2F4F8;   /* app background (light) */
  --surface: #FFFFFF;
  --line:    #D6DBE6;
  --line-strong: #C2C8D6;
  --text:    #10131C;
  --muted:   #59607A;
  --faint:   #8A90A6;

  /* ---- semantic (legit consumer vs bad actor) ---- */
  --save:  #0F7A47;   --save-bg:  #E4F3EB;   /* positive / legitimate */
  --rival: #B3413D;   --rival-bg: #F7E7E6;   /* negative / litigator */
  --warn:  #C77800;   --warn-bg:  #FBEFDC;

  /* ---- on-ink (dark surfaces used inside light theme) ---- */
  --on-ink:        #EBEDF5;
  --on-ink-muted:  #9AA0B6;
  --on-ink-faint:  #5A6178;
  --ink-surface:   #0A0B12;   /* deep ink slide bg */
  --ink-surface-2: #14161F;   /* raised ink panel */
  --ink-line:      #272B39;

  /* ---- type ---- */
  --font-display: "Futura", "Avenir Next", "Century Gothic", "Trebuchet MS", sans-serif;
  --font-body:    -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
  --font-mono:    "SF Mono", ui-monospace, "JetBrains Mono", Menlo, monospace;

  /* deck-scale type ramp (authored at 1920×1080) */
  --fs-meta:    18px;
  --fs-eyebrow: 20px;
  --fs-body:    26px;
  --fs-body-l:  30px;
  --fs-sub:     34px;
  --fs-h3:      44px;
  --fs-h2:      72px;
  --fs-section: 96px;
  --fs-display: 150px;
  --fs-mega:    220px;   /* stat / quote mark */

  --lh-tight: 0.98;
  --lh-snug:  1.08;
  --lh-normal:1.45;

  /* spacing (deck scale) */
  --inset:   128px;
  --inset-y: 96px;
  --gap:     32px;
  --radius:  20px;
  --radius-lg: 28px;
}

/* Dark theme (shareable site toggle + dark ink slides opt-in) */
:root[data-theme="dark"] {
  --kx:      #7B6DFF;
  --accent:  #60A5FA;   /* AurionX blue · dark */
  --accent-2:#7B6DFF;
  --k: #A594FF; --f: #FFB03A; --t: #2DD4BF; --a: #60A5FA; --e: #F472B6;

  --ink:     #0A0B12;
  --surface: #14161F;
  --line:    #272B39;
  --line-strong: #333849;
  --text:    #EBEDF5;
  --muted:   #9AA0B6;
  --faint:   #6A7188;

  --save:  #34D399; --save-bg:  #12271E;
  --rival: #F0908C; --rival-bg: #2A1717;
  --warn:  #FFB03A; --warn-bg:  #2A1E0C;
}