/* XEL design tokens — the single source of visual truth. */
:root {
  /* space */
  --bg-deep: #070312;
  --bg-1: #12082b;
  --bg-2: #0b1f3f;

  /* ink */
  --ink: #f4f1ff;
  --ink-dim: #b9b0dc;
  --ink-faint: #8d85b8; /* ≥4.5:1 on glass panels for sub-12px text */

  /* neon-pastel accents */
  --seafoam: #7df9e0;
  --cyan: #5ce1ff;
  --pink: #ff6ad5;
  --gold: #ffd66b;
  --violet: #9d7bff;
  --green: #7dffa5;
  --red: #ff5c7a;
  --orange: #ffa94d;

  /* surfaces */
  --panel-bg: rgba(22, 13, 52, 0.78);
  --panel-border: rgba(157, 123, 255, 0.35);
  --panel-blur: 14px;

  /* geometry */
  --r-sm: 10px;
  --r-md: 16px;
  --r-lg: 24px;
  --r-pill: 999px;

  /* type */
  --font-display: 'Fredoka', 'Nunito', system-ui, sans-serif;
  --font-body: 'Nunito', system-ui, sans-serif;

  /* motion */
  --ease-boing: cubic-bezier(0.34, 1.56, 0.64, 1);
  --ease-smooth: cubic-bezier(0.25, 0.8, 0.3, 1);

  /* layers */
  --z-bg: 0;
  --z-stage: 10;
  --z-nav: 40;
  --z-panels: 60;
  --z-games: 70;
  --z-toast: 89; /* above the share overlay (88) so unlock toasts never get buried */
  --z-fx: 90;
  --z-boot: 100;

  /* light */
  --shadow-pop: 0 10px 40px rgba(5, 2, 20, 0.6);
  --glow-seafoam: 0 0 24px rgba(125, 249, 224, 0.45);
  --glow-violet: 0 0 24px rgba(157, 123, 255, 0.45);
  --glow-gold: 0 0 24px rgba(255, 214, 107, 0.5);
}