:root {
  /* Background */
  --bg-primary: #0F0F1A;
  --bg-secondary: #1A1A2E;
  --bg-card: #1E1E38;
  --bg-card-hover: #2A2A4A;
  --bg-overlay: rgba(15, 15, 26, 0.92);

  /* Warm Neon */
  --neon-warm: #FFEEBB;
  --neon-gold: #FFD700;
  --neon-amber: #FFB347;
  --neon-cream: #FFF5E1;

  /* Subject colors */
  --subject-social: #00D4FF;
  --subject-thai: #FF69B4;
  --subject-math: #00FF88;
  --subject-english: #FFD700;
  --subject-science: #AA66FF;
  --subject-history: #FF8800;
  --subject-scitech: #00BFA5;

  /* Status */
  --correct: #00FF88;
  --wrong: #FF4466;
  --warning: #FFD700;

  /* Text */
  --text-primary: #EEDDCC;
  --text-secondary: #9988AA;
  --text-muted: #665577;

  /* UI */
  --radius-sm: 8px;
  --radius-md: 14px;
  --radius-lg: 22px;
  --radius-full: 9999px;
  --shadow-glow: 0 0 16px rgba(255, 238, 187, 0.15);

  /* Spacing */
  --header-h: 52px;
  --nav-h: 80px;
}