/* Imports */
@import url('fonts/share-tech-mono.css'); /* base body font */

:root {
  /* Neon Palette */
  --neon-pink: #ff00ff; /* magenta/fuchsia - bright electric pink */
  --neon-cyan: #00ffff; /* aqua - bright electric blue-green */
  --neon-purple: #a855f7; /* violet - medium purple with blue tint */
  --neon-orange: #ff6600; /* safety orange - vivid red-orange */
  --neon-green: #00ff88; /* spring green - bright mint/seafoam */
  --neon-red: #ff3366; /* coral red - pinkish red, warm */

  /* Background tones */
  --void-black: #0a0a0f; /* near-black with slight blue undertone */
  --void-deep: #050508; /* darker near-black, almost pure black */
  --grid-line: rgba(255, 0, 255, 0.12); /* faint magenta, 12% opacity */
  --horizon-glow: rgba(255, 102, 0, 0.4); /* orange glow, 40% opacity */

  /* Text */
  --text-primary: #e0e0f0; /* off-white with lavender tint */
  --text-dim: rgba(224, 224, 240, 0.5); /* lavender-white, 50% opacity */

  /* Terminal */
  --terminal-bg: rgba(10, 10, 20, 0.85); /* dark navy, 85% opacity */
  --terminal-border: var(--neon-pink); /* uses magenta/fuchsia */
  --cursor-color: var(--neon-cyan); /* uses aqua */

  /* Timing */
  --flicker-speed: 0.15s;
  --stream-speed: 50ms;
}

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

html,
body {
  height: 100%;
  overflow: hidden;
}

body {
  background: var(--void-black);
  color: var(--text-primary);
  font-family: var(--font-share-tech);
  position: relative;
  overflow-y: auto;
}