/* 🏺 ANCIENT CIVILIZATION THEME - LIGHT MODE (DEFAULT) */
:root {
  /* ===== COLOR PALETTE - BRIGHT PARCHMENT SCROLLS ===== */
  --primary-bg: linear-gradient(135deg, #faf8f5 0%, #f4f1eb 50%, #faf8f5 100%);
  --body-overlay: radial-gradient(circle at 25% 75%, rgba(217, 119, 6, 0.08) 0%, transparent 50%), radial-gradient(circle at 75% 25%, rgba(180, 83, 9, 0.05) 0%, transparent 50%);
  --primary-text: #451a03;
  --heading-color: #292524;
  --paragraph-color: #57534e;
  --accent-primary: #d97706;
  --accent-secondary: #ea580c;
  --accent-tertiary: #c2410c;
  --title-gradient: linear-gradient(135deg, #d97706 0%, #ea580c 50%, #c2410c 100%);

  /* ===== TYPOGRAPHY ===== */
  --font-primary: 'Libre Baskerville', serif;
  --font-heading: 'Cinzel', serif;
  --font-code: 'Roboto Mono', monospace;
  --heading-weight: 700;

  /* ===== EFFECTS ===== */
  --text-shadow: none;
  --glow-shadow: 0 0 20px rgba(217, 119, 6, 0.3), 0 0 40px rgba(234, 88, 12, 0.2);

  /* ===== NAVBAR ===== */
  --navbar-bg: rgba(255, 251, 235, 0.95);
  --navbar-border: 1px solid rgba(217, 119, 6, 0.2);
  --navbar-shadow: 0 4px 20px rgba(0, 0, 0, 0.1);

  /* ===== CONTENT AREAS ===== */
  --content-bg: rgba(255, 255, 255, 0.8);
  --content-border: 1px solid rgba(217, 119, 6, 0.15);
  --content-shadow: 0 8px 32px rgba(0, 0, 0, 0.1), inset 0 1px 0 rgba(255, 255, 255, 0.8);
  --section-border: 2px solid rgba(234, 88, 12, 0.3);

  /* ===== QUEST SECTIONS ===== */
  --quest-section-bg: rgba(245, 240, 230, 0.7);
  --quest-content-bg: rgba(250, 248, 242, 0.8);

  /* ===== QUEST LINKS ===== */
  --quest-link-bg: rgba(242, 237, 227, 0.8);
  --quest-link-border: 1px solid rgba(217, 119, 6, 0.2);
  --quest-link-text: #451a03;
  --quest-link-shadow: 0 4px 15px rgba(0, 0, 0, 0.1);
  --quest-link-transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
  --quest-link-hover-overlay: linear-gradient(135deg, rgba(217, 119, 6, 0.1) 0%, rgba(234, 88, 12, 0.1) 100%);
  --quest-link-hover-shadow: 0 8px 25px rgba(217, 119, 6, 0.2);
  --quest-link-hover-text: #d97706;

  /* ===== NAVIGATION BUTTONS ===== */
  --nav-button-bg: rgba(217, 119, 6, 0.1);
  --nav-button-border: 1px solid rgba(217, 119, 6, 0.3);
  --nav-button-text: #d97706;
  --nav-button-shadow: 0 4px 15px rgba(0, 0, 0, 0.1);
  --nav-button-transition: all 0.3s ease;
  --nav-button-hover-bg: rgba(217, 119, 6, 0.2);
  --nav-button-hover-text: #292524;
  --nav-button-hover-shadow: 0 6px 20px rgba(217, 119, 6, 0.3);

  /* ===== CODE BLOCKS ===== */
  --code-block-bg: rgba(242, 237, 227, 0.9);
  --code-block-border: 1px solid rgba(217, 119, 6, 0.2);
  --code-block-shadow: 0 8px 25px rgba(0, 0, 0, 0.1);
  --code-pre-bg: rgba(238, 233, 223, 0.95);
  --code-text: #451a03;
  --code-line-height: 1.3;

  /* ===== INLINE CODE ===== */
  --inline-code-bg: transparent;
  --inline-code-text: #d97706;
  --inline-code-border: none;

  /* ===== NAVIGATION PILLS ===== */
  --nav-link-text: #451a03;
  
  --nav-quest-pill-bg: rgba(217, 119, 6, 0.15);
  --nav-quest-pill-border: 1px solid rgba(217, 119, 6, 0.4);
  --nav-quest-pill-shadow: 0 2px 8px rgba(217, 119, 6, 0.2);
  --nav-quest-pill-hover-bg: rgba(217, 119, 6, 0.25);
  --nav-quest-pill-hover-shadow: 0 4px 12px rgba(217, 119, 6, 0.3);
  
  --nav-theme-pill-bg: rgba(194, 65, 12, 0.15);
  --nav-theme-pill-border: 1px solid rgba(194, 65, 12, 0.4);
  --nav-theme-pill-shadow: 0 2px 8px rgba(194, 65, 12, 0.2);
  --nav-theme-pill-hover-bg: rgba(194, 65, 12, 0.25);
  --nav-theme-pill-hover-shadow: 0 4px 12px rgba(194, 65, 12, 0.3);

  /* ===== BACKGROUND IMAGES ===== */
  --story-bg-image: url('images/ancient.png');
  --quest-bg-image: url('images/ancient-quest.png');
  --story-background-position-percentage: 50%;
  --quest-background-position-percentage: 50%;
}

/* 🌙 ANCIENT THEME - DARK MODE VARIANT */
[data-theme="dark"] {
  /* ===== COLOR PALETTE - ARCHAEOLOGICAL DARKNESS ===== */
  --primary-bg: linear-gradient(135deg, #2c1810 0%, #5d4037 50%, #2c1810 100%);
  --body-overlay: radial-gradient(circle at 25% 75%, rgba(255, 193, 7, 0.1) 0%, transparent 50%), radial-gradient(circle at 75% 25%, rgba(139, 69, 19, 0.05) 0%, transparent 50%);
  --primary-text: #f5f5dc;
  --heading-color: #ffffff;
  --paragraph-color: #e8dcc0;
  --accent-primary: #ffc107;
  --accent-secondary: #ff8f00;
  --accent-tertiary: #8b4513;
  --title-gradient: linear-gradient(135deg, #ffc107 0%, #ff8f00 50%, #8b4513 100%);

  /* ===== EFFECTS ===== */
  --text-shadow: none;
  --glow-shadow: 0 0 20px rgba(255, 193, 7, 0.6), 0 0 40px rgba(255, 143, 0, 0.4);

  /* ===== NAVBAR ===== */
  --navbar-bg: rgba(44, 24, 16, 0.95);
  --navbar-border: 1px solid rgba(255, 193, 7, 0.2);
  --navbar-shadow: 0 4px 20px rgba(0, 0, 0, 0.3);

  /* ===== CONTENT AREAS ===== */
  --content-bg: rgba(93, 64, 55, 0.6);
  --content-border: 1px solid rgba(255, 193, 7, 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(255, 143, 0, 0.3);

  /* ===== QUEST SECTIONS ===== */
  --quest-section-bg: rgba(93, 64, 55, 0.4);
  --quest-content-bg: rgba(93, 64, 55, 0.6);

  /* ===== QUEST LINKS ===== */
  --quest-link-bg: rgba(80, 50, 30, 0.7);
  --quest-link-border: 1px solid rgba(255, 193, 7, 0.2);
  --quest-link-text: #f5f5dc;
  --quest-link-shadow: 0 4px 15px rgba(0, 0, 0, 0.2);
  --quest-link-hover-overlay: linear-gradient(135deg, rgba(255, 193, 7, 0.1) 0%, rgba(255, 143, 0, 0.1) 100%);
  --quest-link-hover-shadow: 0 8px 25px rgba(255, 193, 7, 0.3);
  --quest-link-hover-text: #ffc107;

  /* ===== NAVIGATION BUTTONS ===== */
  --nav-button-bg: rgba(255, 193, 7, 0.1);
  --nav-button-border: 1px solid rgba(255, 193, 7, 0.3);
  --nav-button-text: #ffc107;
  --nav-button-shadow: 0 4px 15px rgba(0, 0, 0, 0.2);
  --nav-button-hover-bg: rgba(255, 193, 7, 0.2);
  --nav-button-hover-text: #ffffff;
  --nav-button-hover-shadow: 0 6px 20px rgba(255, 193, 7, 0.4);

  /* ===== CODE BLOCKS ===== */
  --code-block-bg: rgba(44, 24, 16, 0.9);
  --code-block-border: 1px solid rgba(255, 193, 7, 0.2);
  --code-block-shadow: 0 8px 25px rgba(0, 0, 0, 0.4);
  --code-pre-bg: rgba(30, 20, 10, 0.95);
  --code-text: #f5f5dc;

  /* ===== INLINE CODE ===== */
  --inline-code-text: #ffc107;

  /* ===== NAVIGATION PILLS ===== */
  --nav-link-text: #f5f5dc;
  
  --nav-quest-pill-bg: rgba(255, 193, 7, 0.12);
  --nav-quest-pill-border: 1px solid rgba(255, 193, 7, 0.35);
  --nav-quest-pill-shadow: 0 2px 8px rgba(255, 193, 7, 0.25);
  --nav-quest-pill-hover-bg: rgba(255, 193, 7, 0.2);
  --nav-quest-pill-hover-shadow: 0 4px 12px rgba(255, 193, 7, 0.35);
  
  --nav-theme-pill-bg: rgba(255, 143, 0, 0.12);
  --nav-theme-pill-border: 1px solid rgba(255, 143, 0, 0.35);
  --nav-theme-pill-shadow: 0 2px 8px rgba(255, 143, 0, 0.25);
  --nav-theme-pill-hover-bg: rgba(255, 143, 0, 0.2);
  --nav-theme-pill-hover-shadow: 0 4px 12px rgba(255, 143, 0, 0.35);
}