/* ==========================================================================
   THEME · Retro  —  80s synthwave. Neon magenta & cyan, sunset glow, grid.
   Deep indigo night with electric neon. Nightlife, music, gaming, events.
   ========================================================================== */
body.theme-retro {
  --font-head: "Orbitron", system-ui, sans-serif;
  --font-body: "Rajdhani", system-ui, sans-serif;

  --color-bg:        #160d2e;
  --color-surface:   #1e1440;
  --color-surface-2: #2a1c58;
  --color-text:      #f4e9ff;
  --color-muted:     #b79fe0;
  --color-border:    #4a2e8f;

  --color-primary:          #ff2e97;   /* neon magenta */
  --color-primary-contrast: #16021a;
  --color-secondary:        #05d9e8;   /* neon cyan */
  --color-accent:           #f9c80e;   /* sunset gold */

  --color-success: #2ee6a6;
  --color-warn:    #ff9f1c;
  --color-error:   #ff3864;

  --radius-sm: 4px;
  --radius:    8px;
  --radius-lg: 12px;
  --border-width: 1.5px;
  --shadow-sm: 0 0 0 1px rgba(255, 46, 151, 0.3);
  --shadow:    0 0 24px rgba(255, 46, 151, 0.35);
  --shadow-lg: 0 0 45px rgba(5, 217, 232, 0.4);
}

/* Personality: neon glow, perspective grid, chrome gradient headings */
body.theme-retro {
  background-color: #160d2e;
  background-image:
    linear-gradient(rgba(255, 46, 151, 0.08) 1px, transparent 1px),
    linear-gradient(90deg, rgba(5, 217, 232, 0.08) 1px, transparent 1px),
    radial-gradient(circle at 50% 120%, rgba(255, 46, 151, 0.25), transparent 55%);
  background-size: 44px 44px, 44px 44px, 100% 100%;
}
body.theme-retro h1, body.theme-retro h2, body.theme-retro h3,
body.theme-retro .card-title, body.theme-retro .hero h3 { text-transform: uppercase; letter-spacing: .08em; font-weight: 700; }
body.theme-retro .btn { color: #16021a; text-transform: uppercase; letter-spacing: .12em; font-family: "Orbitron", sans-serif; font-size: .82rem; font-weight: 700; }
body.theme-retro .btn:hover { box-shadow: 0 0 22px var(--color-primary); }
body.theme-retro .btn-outline { color: var(--color-secondary); border-color: var(--color-secondary); }
body.theme-retro .btn-outline:hover { background: var(--color-secondary); color: #16021a; box-shadow: 0 0 22px var(--color-secondary); }
body.theme-retro .btn-ghost { color: var(--color-text); }
body.theme-retro .badge { text-transform: uppercase; letter-spacing: .1em; }
body.theme-retro .card,
body.theme-retro .pricing,
body.theme-retro .testimonial,
body.theme-retro .stat { box-shadow: 0 0 0 1px var(--color-border), 0 8px 30px rgba(0,0,0,0.5); }
body.theme-retro .card:hover { box-shadow: 0 0 24px rgba(255, 46, 151, 0.4); }
body.theme-retro .card-media { background: linear-gradient(180deg, #ff2e97, #7a04eb 60%, #05d9e8); }
body.theme-retro .hero {
  background:
    radial-gradient(120% 140% at 50% 0%, rgba(5,217,232,0.28), transparent 55%),
    linear-gradient(180deg, #2a1c58, #160d2e);
  border: 1.5px solid var(--color-border);
}
body.theme-retro .hero h3 {
  background: linear-gradient(180deg, #ffffff, #ff2e97 60%, #f9c80e);
  -webkit-background-clip: text; background-clip: text; color: transparent;
}
body.theme-retro .stat .num { color: var(--color-secondary); text-shadow: 0 0 16px rgba(5, 217, 232, 0.6); }
body.theme-retro .doc-canvas { background: #160d2e; }
body.theme-retro .doc-demo { border-color: var(--color-border); }
body.theme-retro .doc-demo-label { background: #1e1440; color: var(--color-muted); border-bottom-color: var(--color-border); }