/* Critical CSS Variables - loaded first to prevent FOUC */
:root {
  --color-bg: #000000;
  --color-bg-elevated: #0d0d0d;
  --color-bg-secondary: #161616;
  --color-bg-tertiary: #1c1c1e;
  --color-surface: #2c2c2e;
  --color-surface-hover: #3a3a3c;
  --color-void: #000000;
  --color-abyss: #161616;
  --color-obsidian: #1c1c1e;
  --color-graphite: rgba(255, 255, 255, 0.08);
  --color-slate: rgba(255, 255, 255, 0.12);
  --color-text-primary: #f5f5f7;
  --color-text-secondary: #a1a1a6;
  --color-text-tertiary: #6e6e73;
  --color-snow: #f5f5f7;
  --color-cloud: #a1a1a6;
  --color-mist: #6e6e73;
  --color-accent: #0a84ff;
  --color-accent-secondary: #5e5ce6;
  --color-accent-pink: #ff375f;
  --color-accent-orange: #ff9f0a;
  --color-accent-green: #30d158;
  --color-accent-teal: #64d2ff;
  --color-neon-blue: #0a84ff;
  --color-neon-purple: #5e5ce6;
  --color-neon-green: #30d158;
  --color-neon-pink: #ff375f;
  --color-coral: #ff375f;
  --color-gold: #ff9f0a;
  --gradient-aurora: linear-gradient(135deg, #0a84ff 0%, #5e5ce6 50%, #30d158 100%);
  --gradient-holographic: linear-gradient(135deg, #ff6b6b 0%, #feca57 15%, #48dbfb 30%, #ff9ff3 45%, #54a0ff 60%, #5f27cd 75%, #00d2d3 90%, #ff6b6b 100%);
  --gradient-blue: linear-gradient(135deg, #0a84ff 0%, #5e5ce6 100%);
  --font-display: 'Unbounded', 'SF Pro Display', sans-serif;
  --font-system: 'Golos Text', -apple-system, BlinkMacSystemFont, 'SF Pro Display', 'Segoe UI', sans-serif;
}

html, body {
  background-color: #000000 !important;
  color: #f5f5f7 !important;
}