/* 🚀 SPACE EXPLORATION THEME - Variables Only */
:root {
  /* ===== COLOR PALETTE ===== */
  --primary-bg: linear-gradient(135deg, #0c0c1e 0%, #1a1a3e 50%, #0c0c1e 100%);
  --body-overlay: radial-gradient(circle at 20% 80%, rgba(120, 119, 198, 0.1) 0%, transparent 50%), radial-gradient(circle at 80% 20%, rgba(100, 255, 218, 0.05) 0%, transparent 50%);
  --primary-text: #e0e6ff;
  --heading-color: #ffffff;
  --paragraph-color: #b8c5ff;
  --accent-primary: #64ffda;
  --accent-secondary: #82b1ff;
  --accent-tertiary: #7c4dff;
  --title-gradient: linear-gradient(135deg, #64ffda 0%, #82b1ff 50%, #7c4dff 100%);

  /* ===== TYPOGRAPHY ===== */
  --font-primary: 'Exo 2', sans-serif;
  --font-heading: 'Orbitron', monospace;
  --font-code: 'JetBrains Mono', 'Courier New', monospace;
  --heading-weight: 700;

  /* ===== EFFECTS ===== */
  --text-shadow: 0 0 10px rgba(100, 255, 218, 0.3);
  --glow-shadow: 0 0 0px rgba(100, 255, 218, 0.6), 0 0 0px rgba(130, 177, 255, 0.4);

  /* ===== NAVBAR ===== */
  --navbar-bg: rgba(12, 12, 30, 0.95);
  --navbar-border: 1px solid rgba(100, 255, 218, 0.2);
  --navbar-shadow: 0 4px 20px rgba(0, 0, 0, 0.3);

  /* ===== CONTENT AREAS ===== */
  --content-bg: rgba(26, 26, 62, 0.6);
  --content-border: 1px solid rgba(100, 255, 218, 0.15);
  --content-shadow: 0 8px 32px rgba(0, 0, 0, 0.3), inset 0 1px 0 rgba(255, 255, 255, 0.1);
  --section-border: 2px solid rgba(130, 177, 255, 0.3);

  /* ===== QUEST SECTIONS ===== */
  --quest-section-bg: rgba(26, 26, 62, 0.4);
  --quest-content-bg: rgba(26, 26, 62, 0.6);

  /* ===== QUEST LINKS ===== */
  --quest-link-bg: rgba(30, 30, 70, 0.7);
  --quest-link-border: 1px solid rgba(100, 255, 218, 0.2);
  --quest-link-text: #e0e6ff;
  --quest-link-shadow: 0 4px 15px rgba(0, 0, 0, 0.2);
  --quest-link-transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
  --quest-link-hover-overlay: linear-gradient(135deg, rgba(100, 255, 218, 0.1) 0%, rgba(130, 177, 255, 0.1) 100%);
  --quest-link-hover-shadow: 0 8px 25px rgba(100, 255, 218, 0.3);
  --quest-link-hover-text: #64ffda;

  /* ===== NAVIGATION BUTTONS ===== */
  --nav-button-bg: rgba(100, 255, 218, 0.1);
  --nav-button-border: 1px solid rgba(100, 255, 218, 0.3);
  --nav-button-text: #64ffda;
  --nav-button-hover-bg: rgba(100, 255, 218, 0.2);
  --nav-button-hover-border: 1px solid rgba(100, 255, 218, 0.5);

  /* ===== NAVBAR PILLS ===== */
  --nav-link-text: #ffffff;
  --nav-quest-pill-bg: rgba(100, 255, 218, 0.15);
  --nav-quest-pill-border: 1px solid rgba(100, 255, 218, 0.3);
  --nav-quest-pill-shadow: 0 2px 8px rgba(100, 255, 218, 0.2);
  --nav-quest-pill-hover-bg: rgba(100, 255, 218, 0.25);
  --nav-quest-pill-hover-shadow: 0 4px 12px rgba(100, 255, 218, 0.3);
  --nav-theme-pill-bg: rgba(130, 177, 255, 0.15);
  --nav-theme-pill-border: 1px solid rgba(130, 177, 255, 0.3);
  --nav-theme-pill-shadow: 0 2px 8px rgba(130, 177, 255, 0.2);
  --nav-theme-pill-hover-bg: rgba(130, 177, 255, 0.25);
  --nav-theme-pill-hover-shadow: 0 4px 12px rgba(130, 177, 255, 0.3);

  /* ===== CODE BLOCKS ===== */
  --code-bg: rgba(5, 5, 15, 0.8);
  --code-text: #e0e6ff;
  --code-border: 1px solid rgba(100, 255, 218, 0.2);
  --code-pre-bg: rgba(8, 8, 20, 0.9);
  --inline-code-bg: rgba(20, 20, 40, 0.6);
  --inline-code-text: #64ffda;

  /* ===== SCROLLBAR ===== */
  --scrollbar-track: rgba(26, 26, 62, 0.3);
  --scrollbar-thumb: rgba(100, 255, 218, 0.4);
  --scrollbar-thumb-hover: rgba(100, 255, 218, 0.6);

  /* ===== HOMEPAGE ===== */
  --hero-bg: radial-gradient(ellipse at center, rgba(100, 255, 218, 0.1) 0%, transparent 70%);
  --theme-card-bg: rgba(26, 26, 62, 0.6);
  --theme-card-border: 1px solid rgba(100, 255, 218, 0.2);
  --theme-card-hover-bg: rgba(26, 26, 62, 0.8);
  --theme-card-hover-border: 1px solid rgba(100, 255, 218, 0.4);

  /* ===== PRIMARY COLOR ===== */
  --primary-color: #64ffda;
  --secondary-color: #82b1ff;
}