@import url('https://fonts.googleapis.com/css2?family=Orbitron:wght@400;700&family=Rajdhani:wght@400;600&family=Share+Tech+Mono&display=swap');

:root {
  --bg-void: #0a0a0f;
  --bg-panel: #0f0f1a;
  --bg-elevated: #1a1a2e;
  --neon-cyan: #00f5ff;
  --neon-magenta: #ff00aa;
  --neon-green: #39ff14;
  --neon-yellow: #ffe600;
  --neon-purple: #bf00ff;
  --text-primary: #e0e0ff;
  --text-secondary: #7a7aaa;
  --text-dim: #3a3a5a;
  --glow-cyan: 0 0 8px #00f5ff, 0 0 20px #00f5ff44;
  --glow-magenta: 0 0 8px #ff00aa, 0 0 20px #ff00aa44;
  --glow-green: 0 0 8px #39ff14, 0 0 20px #39ff1444;
}

* {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
}

body {
  background-color: var(--bg-void);
  color: var(--text-primary);
  font-family: 'Share Tech Mono', monospace;
  line-height: 1.4;
  min-height: 100vh;
}

h1, h2, h3, h4 {
  font-family: 'Orbitron', sans-serif;
  text-transform: uppercase;
}

button {
  font-family: 'Rajdhani', sans-serif;
  cursor: pointer;
}

input, textarea {
  font-family: 'Share Tech Mono', monospace;
  background: var(--bg-panel);
  border: 1px solid var(--text-dim);
  color: var(--text-primary);
}

a {
  color: var(--neon-cyan);
  text-decoration: none;
}

ul {
  list-style: none;
}

@font-face {
    font-family: 'OpenDyslexicAlta';
    src: url('../fonts/OpenDyslexicAlta/OpenDyslexicAlta-Regular.otf') format('opentype');
    font-weight: 400;
    font-style: normal;
}
@font-face {
    font-family: 'OpenDyslexicAlta';
    src: url('../fonts/OpenDyslexicAlta/OpenDyslexicAlta-Bold.otf') format('opentype');
    font-weight: 700;
    font-style: normal;
}
@font-face {
    font-family: 'OpenDyslexicAlta';
    src: url('../fonts/OpenDyslexicAlta/OpenDyslexicAlta-Italic.otf') format('opentype');
    font-weight: 400;
    font-style: italic;
}
@font-face {
    font-family: 'OpenDyslexicAlta';
    src: url('../fonts/OpenDyslexicAlta/OpenDyslexicAlta-BoldItalic.otf') format('opentype');
    font-weight: 700;
    font-style: italic;
}

.dyslexic-font {
    font-family: 'OpenDyslexicAlta', sans-serif !important;
    line-height: 2.2 !important;
    letter-spacing: 0.08em !important;
    word-spacing: 0.2em !important;
}
