/* ══════════════════════════════════════════════════════════════
   Neon Parlor — Design Tokens
   Arcade / synthwave dark theme with warm amber + electric teal
   ══════════════════════════════════════════════════════════════ */

:root {
  /* ── Core palette ── */
  --bg:                 #0f0a1a;
  --surface:            #1a1028;
  --surface-raised:     #1e1530;
  --surface-sunken:     #130e1e;
  --border:             #2d1f4e;

  /* ── Text ── */
  --text:               #ddd8e4;       /* tinted near-white (violet hint) */
  --text-muted:         #9b8fb5;       /* tinted muted (passes 4.5:1 on --bg) */
  --text-subtle:        #6e6388;       /* tinted subtle (passes 4.5:1 on --surface) */
  --text-bright:        #f0ecf5;       /* tinted bright white */

  /* ── Accent: warm amber — arcade marquee gold ── */
  --accent:             #f0a030;
  --accent-hover:       #f5b54a;
  --accent-dim:         #a06818;
  --accent-glow:        rgba(240, 160, 48, 0.5);
  --accent-glow-subtle: rgba(240, 160, 48, 0.25);
  --accent-ghost:       rgba(240, 160, 48, 0.08);
  --accent-ghost-border:rgba(240, 160, 48, 0.35);

  /* ── Accent secondary: electric teal ── */
  --accent2:            #38d9c0;
  --accent2-hover:      #58e8d2;
  --accent2-dim:        #1f8a78;
  --accent2-glow:       rgba(56, 217, 192, 0.5);
  --accent2-glow-subtle:rgba(56, 217, 192, 0.25);
  --accent2-ghost:      rgba(56, 217, 192, 0.08);
  --accent2-ghost-border:rgba(56, 217, 192, 0.35);

  /* ── Primary gradient (CTAs only) ── */
  --gradient-cta:       linear-gradient(135deg, var(--accent), var(--accent2));
  --gradient-cta-shadow: 0 0 14px var(--accent-glow-subtle);
  --gradient-cta-shadow-hover: 0 0 24px var(--accent-glow);

  /* ── Semantic colors ── */
  --success:            #0dcc6b;
  --success-bg:         #0a3d24;
  --error:              #ff6b6b;
  --error-bg:           #3d0000;
  --warning:            #ff9800;

  /* ── Overlays ── */
  --overlay:            rgba(8, 5, 15, 0.6);
  --overlay-subtle:     rgba(8, 5, 15, 0.4);

  /* ── Near-black / near-white (never pure) ── */
  --near-black:         #0a0612;
  --near-white:         #f0ecf5;

  /* ── Spacing scale (4px base) ── */
  --space-1:  0.25rem;   /* 4px */
  --space-2:  0.5rem;    /* 8px */
  --space-3:  0.75rem;   /* 12px */
  --space-4:  1rem;      /* 16px */
  --space-5:  1.25rem;   /* 20px */
  --space-6:  1.5rem;    /* 24px */
  --space-8:  2rem;      /* 32px */
  --space-10: 2.5rem;    /* 40px */
  --space-12: 3rem;      /* 48px */

  /* ── Typography ── */
  --font-display: 'Rajdhani', system-ui, sans-serif;
  --font-body:    'Outfit', system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;

  /* ── Font sizes (rem) ── */
  --text-xs:   0.6875rem; /* 11px */
  --text-sm:   0.75rem;   /* 12px */
  --text-base: 0.8125rem; /* 13px */
  --text-md:   0.875rem;  /* 14px */
  --text-lg:   1rem;      /* 16px */
  --text-xl:   1.125rem;  /* 18px */
  --text-2xl:  1.375rem;  /* 22px */
  --text-3xl:  1.5rem;    /* 24px */
  --text-4xl:  2rem;      /* 32px */

  /* ── Radius ── */
  --radius-sm: 3px;
  --radius-md: 4px;
  --radius-lg: 6px;
  --radius-xl: 8px;
  --radius-2xl: 12px;
}