/* ================================================================
   AIDiveForge — 1980s Synthwave Theme
   Neon colors, retro typography, electric aesthetics.
   This is the only active theme (light/dark switcher removed).
   ================================================================ */

/* --- SYNTHWAVE COLOR PALETTE --- */

/* --- 1980S TYPOGRAPHY OVERRIDES --- */

/* Headings — 1980s all-caps vibe */
h1 {
  text-transform: uppercase;
  letter-spacing: var(--track-wider);
  font-family: 'Courier New', monospace;
  font-weight: var(--weight-extrabold);
  text-shadow: 0 0 10px rgba(255, 0, 110, 0.6), 0 0 20px rgba(0, 217, 255, 0.4);
}

h2 {
  text-transform: uppercase;
  letter-spacing: var(--track-wider);
  font-family: 'Courier New', monospace;
  text-shadow: 0 0 8px rgba(255, 0, 110, 0.5), 0 0 16px rgba(0, 217, 255, 0.3);
}

h3,
h4 {
  text-transform: uppercase;
  letter-spacing: var(--track-wide);
  font-family: 'Courier New', monospace;
  text-shadow: 0 0 6px rgba(0, 217, 255, 0.4);
}

h5,
h6 {
  font-family: 'Courier New', monospace;
  letter-spacing: var(--track-widest);
  text-transform: uppercase;
  text-shadow: 0 0 4px rgba(0, 217, 255, 0.3);
}

/* Body text — keep readable but add retro touch */
body {
  font-family: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
  letter-spacing: 0.02em;
}

p {
  line-height: var(--leading-relaxed);
  color: var(--adf-ink-body);
}

/* Links — bright neon with glow */
a {
  color: #00d9ff;
  text-shadow: 0 0 4px rgba(0, 217, 255, 0.4);
  font-weight: var(--weight-semibold);
  transition: all var(--adf-motion-fast) var(--adf-ease-smooth);
}

a:hover {
  color: #00ffff;
  text-shadow: 0 0 8px rgba(0, 217, 255, 0.8), 0 0 16px rgba(255, 0, 110, 0.4);
}

/* Strong/emphasis — add color contrast */
strong,
b {
  color: #ff006e;
  text-shadow: 0 0 4px rgba(255, 0, 110, 0.4);
  font-weight: var(--weight-bold);
}

/* Code — retro monospace */
code,
pre {
  font-family: 'Courier New', monospace;
  color: #00ff41;
  text-shadow: 0 0 4px rgba(0, 255, 65, 0.4);
  background: rgba(0, 217, 255, 0.08);
  border: 1px solid rgba(0, 217, 255, 0.2);
}

code {
  padding: 0.2em 0.5em;
  border-radius: 2px;
}

pre {
  padding: var(--space-2);
  border-radius: 2px;
  border-left: 3px solid #00d9ff;
}

/* --- 80S-SPECIFIC ENHANCEMENTS --- */

/* Neon text effect utility */
.neon-glow {
  color: #00d9ff;
  text-shadow: 0 0 10px rgba(0, 217, 255, 0.8), 0 0 20px rgba(255, 0, 110, 0.4);
}

.neon-glow-hot {
  color: #ff006e;
  text-shadow: 0 0 10px rgba(255, 0, 110, 0.8), 0 0 20px rgba(0, 217, 255, 0.4);
}

.neon-glow-lime {
  color: #00ff41;
  text-shadow: 0 0 10px rgba(0, 255, 65, 0.8);
}

/* Border glow effect */
.border-neon {
  border: 1px solid #00d9ff;
  box-shadow: 0 0 8px rgba(0, 217, 255, 0.4) inset, 0 0 12px rgba(0, 217, 255, 0.3);
}

.border-neon-hot {
  border: 1px solid #ff006e;
  box-shadow: 0 0 8px rgba(255, 0, 110, 0.4) inset, 0 0 12px rgba(255, 0, 110, 0.3);
}

/* Card glow on 80s theme */
.adf-card {
  box-shadow: 0 0 12px rgba(0, 217, 255, 0.2);
  border: 1px solid rgba(0, 217, 255, 0.3);
}

.adf-card:hover {
  box-shadow: 0 0 24px rgba(0, 217, 255, 0.4), 0 0 12px rgba(255, 0, 110, 0.2);
  border-color: rgba(0, 217, 255, 0.5);
}