/* 📖 DEFAULT THEME */
:root {
  /* ===== COLOR PALETTE ===== */
  --primary-bg: linear-gradient(135deg, #f5f5f5 0%, #e0e0e0 50%, #f5f5f5 100%);
  --body-overlay: none;
  --primary-text: #333333;
  --heading-color: #1976d2;
  --paragraph-color: #555555;
  --accent-primary: #1976d2;
  --accent-secondary: #42a5f5;
  --accent-tertiary: #0d47a1;
  --title-gradient: linear-gradient(135deg, #1976d2 0%, #42a5f5 50%, #0d47a1 100%);

  /* ===== TYPOGRAPHY ===== */
  --font-primary: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
  --font-heading: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
  --font-code: 'SF Mono', Monaco, 'Cascadia Code', monospace;
  --heading-weight: 600;

  /* ===== EFFECTS ===== */
  --text-shadow: none;
  --glow-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);

  /* ===== NAVBAR ===== */
  --navbar-bg: rgba(255, 255, 255, 0.95);
  --navbar-border: 1px solid rgba(0, 0, 0, 0.1);
  --navbar-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);

  /* ===== CONTENT AREAS ===== */
  --content-bg: rgba(255, 255, 255, 0.9);
  --content-border: 1px solid rgba(0, 0, 0, 0.1);
  --content-shadow: 0 4px 16px rgba(0, 0, 0, 0.1);
  --section-border: 2px solid rgba(25, 118, 210, 0.2);

  /* ===== QUEST SECTIONS ===== */
  --quest-section-bg: rgba(250, 250, 250, 0.9);
  --quest-content-bg: rgba(255, 255, 255, 0.9);

  /* ===== QUEST LINKS ===== */
  --quest-link-bg: rgba(245, 245, 245, 0.9);
  --quest-link-border: 1px solid rgba(0, 0, 0, 0.1);
  --quest-link-text: #333333;
  --quest-link-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
  --quest-link-transition: all 0.3s ease;
  --quest-link-hover-overlay: rgba(25, 118, 210, 0.05);
  --quest-link-hover-shadow: 0 4px 12px rgba(25, 118, 210, 0.2);
  --quest-link-hover-text: #1976d2;

  /* ===== NAVIGATION BUTTONS ===== */
  --nav-button-bg: rgba(25, 118, 210, 0.1);
  --nav-button-border: 1px solid rgba(25, 118, 210, 0.3);
  --nav-button-text: #1976d2;
  --nav-button-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
  --nav-button-transition: all 0.3s ease;
  --nav-button-hover-bg: rgba(25, 118, 210, 0.2);
  --nav-button-hover-text: #0d47a1;
  --nav-button-hover-shadow: 0 4px 12px rgba(25, 118, 210, 0.3);

  /* ===== CODE BLOCKS ===== */
  --code-block-bg: rgba(245, 245, 245, 0.9);
  --code-block-border: 1px solid rgba(0, 0, 0, 0.1);
  --code-block-shadow: 0 4px 16px rgba(0, 0, 0, 0.1);
  --code-pre-bg: rgba(250, 250, 250, 0.95);
  --code-text: #333333;
  --code-line-height: 1.4;

  /* ===== INLINE CODE ===== */
  --inline-code-bg: rgba(25, 118, 210, 0.1);
  --inline-code-text: #1976d2;
  --inline-code-border: 1px solid rgba(25, 118, 210, 0.2);

  /* ===== BACKGROUND IMAGES ===== */
  --story-bg-image: url('images/default.png');
  --quest-bg-image: url('images/default-quest.png');
}