/* =============================================
   BigToken — Shared base styles
   Used by index.css and console.css
   ============================================= */

/* ===== Pixel Font (CSS bitmap-style) ===== */
@font-face {
  font-family: 'PixelFont';
  src: local('Courier New'), local('Consolas'), local('monospace');
}

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

:root {
  /* === White-Black-Red Clean Theme === */
  --amber: #d6293e;
  --amber-dim: #b82d38;
  --amber-bright: #e63946;
  --amber-glow: rgba(214, 41, 62, 0.08);
  --amber-glow-strong: rgba(214, 41, 62, 0.15);
  --green: #16a34a;
  --green-dim: #15803d;
  --red: #dc2626;
  --cyan: #1e293b;
  --bg-dark: #ffffff;
  --bg-screen: #f8f9fa;
  --bg-panel: rgba(255, 255, 255, 0.95);
  --border-amber: rgba(0, 0, 0, 0.12);
  --border-amber-bright: rgba(214, 41, 62, 0.4);
  --text-primary: #1a1a1a;
  --text-dim: rgba(0, 0, 0, 0.55);
  --text-bright: #000000;
  --scanline-opacity: 0;
}

html {
  scroll-behavior: smooth;
}

body {
  font-family: 'Courier New', 'Consolas', 'Liberation Mono', monospace;
  background: var(--bg-dark);
  color: var(--text-primary);
  min-height: 100vh;
  overflow-x: hidden;
  line-height: 1.6;
}

/* ===== CRT effects disabled for light theme ===== */
body::before,
body::after {
  display: none;
}

/* ===== Flicker disabled ===== */
@keyframes flicker {
  0%, 100% { opacity: 1; }
}

/* ===== Selection color ===== */
::selection {
  background: var(--amber);
  color: #ffffff;
}