/* Kingmaker Online Casino (kingmakeronline.casino) — brand skin over the RoyalGuard kit.
   Loaded AFTER design-system/app.css so these :root overrides win by source order.
   Sapphire-on-navy identity: cool sapphire accent + platinum secondary highlight. */

:root {
  /* ---- 4 theme hooks ---- */
  --accent: #60a5fa;     /* Kingmaker sapphire — CTAs, active, glow */
  --accent-2: #cbd5e1;   /* platinum highlight */
  --bg: #0a0f1a;         /* page base */
  --surface: #121a2b;    /* card base */

  /* ---- ramp fidelity (Kingmaker S4 values) ---- */
  --bg-2: #0d1422;
  --surface-2: #1a2740;
  --surface-3: #22314f;
  --surface-hover: #1e2c47;
  --line: #2b3a56;
  --line-strong: #3d4f72;

  /* ---- text ---- */
  --text-1: #eef2f9;
  --text-2: #b9c4d6;
  --text-3: #7c8aa3;

  /* ---- ink on accent: sapphire #60a5fa is mid-bright → dark ink passes AA ---- */
  --accent-ink: #06101f;

  /* ---- semantic (Kingmaker) ---- */
  --success: #34d399;
  --warning: #f2b33b;
  --danger: #f4585c;
  --info: #38bdf8;
  --star: #ffcf5c;

  /* ---- focus ring: light sapphire, readable on dark ---- */
  --focus-ring: #8fc2ff;
}