/* GiocaPop — design tokens
   Dark, vivido, premium-arcade. Pensato mobile-first. */
:root {
  /* superfici */
  --bg:        #0b0b12;
  --bg-2:      #0f1019;
  --surface:   #161723;
  --surface-2: #1c1e2e;
  --surface-3: #23263a;
  --line:      rgba(255,255,255,.08);
  --line-2:    rgba(255,255,255,.16);

  /* testo */
  --text:  #f5f6fb;
  --muted: #a3a7bb;
  --faint: #6c7088;

  /* accenti */
  --p1: #7c5cff;  /* violet */
  --p2: #ff5d9e;  /* pink   */
  --p3: #36e2c9;  /* teal   */
  --p4: #ffd166;  /* gold   */
  --lime: #b9ff66;

  --brand:  linear-gradient(135deg, #7c5cff 0%, #ff5d9e 100%);
  --brand-2:linear-gradient(135deg, #36e2c9 0%, #7c5cff 100%);
  --brand-3:linear-gradient(135deg, #ffd166 0%, #ff5d9e 100%);

  --ok:   #34d399;
  --warn: #ffb020;
  --err:  #ff6b6b;

  /* raggi */
  --r1: 10px; --r2: 14px; --r3: 20px; --r4: 28px; --pill: 999px;

  /* ombre */
  --sh1: 0 2px 8px rgba(0,0,0,.25);
  --sh2: 0 10px 30px rgba(0,0,0,.35);
  --glow: 0 10px 44px rgba(124,92,255,.40);
  --glow-pink: 0 10px 44px rgba(255,93,158,.35);

  /* layout */
  --maxw: 1180px;
  --nav-h: 64px;
  --font-body: "Inter", system-ui, -apple-system, Segoe UI, Roboto, sans-serif;
  --font-display: "Bricolage Grotesque", var(--font-body);
}