/* ══════════════════════════════════════════════════════════
   THEME: Electric Ronin (T2)
   Palette: Cyan (#00d2ff), cyberpunk néon, robot futuriste
   ══════════════════════════════════════════════════════════ */

[data-theme="cyber"] {
  /* ── Colors ─────────────────────────────────────────── */
  --gold: #00d2ff;
  --gold-dim: rgba(0,210,255,0.35);
  --gold-faint: rgba(0,210,255,0.09);
  --gold-glow: rgba(0,210,255,0.22);
  --bg: #00050c;
  --surface: rgba(0,6,12,0.95);
  --surface2: rgba(0,8,14,0.97);
  --border: rgba(0,210,255,0.18);
  --border-dim: rgba(0,210,255,0.07);
  --text: rgba(0,255,224,0.94);
  --text-dim: rgba(0,210,255,0.72);
  --text-faint: rgba(0,210,255,0.48);
  --danger: #ff006e;
  --success: #00ff88;

  /* ── Typography ─────────────────────────────────────── */
  --font-display: 'Space Mono', monospace;
  --font-body: 'Space Mono', monospace;
  --font-mono: 'Space Mono', monospace;
}

/* ── Background Gradients ──────────────────────────────── */
[data-theme="cyber"] .bg-layer-1 {
  background:
    radial-gradient(ellipse 60% 50% at 50% 100%, rgba(0,210,255,0.08), transparent 60%),
    radial-gradient(ellipse 30% 25% at 30% 60%, rgba(0,100,130,0.06), transparent 50%),
    repeating-linear-gradient(90deg, transparent, transparent 30px, rgba(0,210,255,0.01) 31px);
}

[data-theme="cyber"] .bg-layer-2 {
  background: radial-gradient(ellipse 75% 70% at 50% 50%, transparent 32%, rgba(0,3,8,0.88) 100%);
}

/* ── Statue (Robot futuriste, visor cyan) ──────────────── */
[data-theme="cyber"] .statue-base {
  background: linear-gradient(180deg, #041218, #000508);
  box-shadow: 0 0 20px rgba(0,210,255,0.15);
}

[data-theme="cyber"] .statue-body {
  background: linear-gradient(168deg, #0a1820, #03090f, #000205);
  box-shadow: inset 0 0 30px rgba(0,210,255,0.08);
}

[data-theme="cyber"] .statue-neck {
  background: #061015;
  box-shadow: 0 0 10px rgba(0,210,255,0.12);
}

[data-theme="cyber"] .statue-head {
  background: linear-gradient(148deg, #0d1a25, #040a10);
  box-shadow: 0 0 15px rgba(0,210,255,0.10);
}

[data-theme="cyber"] .statue-crown {
  background: linear-gradient(180deg, #0f1f2c, #050c12);
  box-shadow: 0 0 12px rgba(0,210,255,0.18);
}

[data-theme="cyber"] .statue-crown-glow {
  background: radial-gradient(ellipse 50% 100% at 50% 0%, rgba(0,210,255,0.20), transparent 65%);
}

[data-theme="cyber"] .statue-eye {
  background: #00d2ff;
  box-shadow: 0 0 10px 4px rgba(0,210,255,0.95), 0 0 22px 8px rgba(0,210,255,0.35);
}

[data-theme="cyber"] .statue-floor-glow {
  background: radial-gradient(ellipse 50% 100% at 50% 100%, rgba(0,210,255,0.08), transparent 65%);
}