/* ===========================================
   CSS Custom Properties - Theme Variables
   =========================================== */

:root {
  /* Default theme: cyberpunk */
  --color-primary: #00FFFF;
  --color-accent: #FF00FF;
  --color-highlight: #FFE000;
  --color-text: #00FFFF;
  --color-text-heading: #00FFFF;
  --color-bg: #000000;
  --color-bg-alt: #0a0a0a;
  --color-card-bg: rgba(0,0,0,0.5);
  --color-border: #00FFFF;
  --font-heading: 'Share Tech Mono', monospace;
  --font-body: 'Share Tech Mono', monospace;
  --border-radius: 0px;
  --shadow: none;

  /* Layout */
  --max-width: 1280px;
  --header-height: 64px;

  /* Transitions */
  --transition-fast: 150ms ease;
  --transition-normal: 300ms ease;
  --transition-slow: 500ms ease;
}

/* ---- Cyberpunk Theme ---- */
.theme-cyberpunk {
  --color-primary: #00FFFF;
  --color-accent: #FF00FF;
  --color-highlight: #FFE000;
  --color-text: #00FFFF;
  --color-text-heading: #00FFFF;
  --color-bg: #000000;
  --color-bg-alt: #0a0a0a;
  --color-card-bg: rgba(0,0,0,0.5);
  --color-border: #00FFFF;
  --font-heading: 'Share Tech Mono', monospace;
  --font-body: 'Share Tech Mono', monospace;
  --border-radius: 0px;
  --shadow: none;
}

/* ---- Retro Game Theme ---- */
.theme-retro-game {
  --color-primary: #FFE000;
  --color-accent: #FF00FF;
  --color-highlight: #00FFFF;
  --color-text: #ffffff;
  --color-text-heading: #ffffff;
  --color-bg: #87CEEB;
  --color-bg-alt: rgba(0,0,0,0.8);
  --color-card-bg: rgba(0,0,0,0.8);
  --color-border: #ffffff;
  --font-heading: 'DotGothic16', 'Press Start 2P', monospace;
  --font-body: 'DotGothic16', sans-serif;
  --border-radius: 0px;
  --shadow: 8px 8px 0px 0px rgba(255,255,255,1);
}

/* ---- Editorial Theme ---- */
.theme-editorial {
  --color-primary: #8b7355;
  --color-accent: #8b7355;
  --color-highlight: #8b7355;
  --color-text: #222222;
  --color-text-heading: #222222;
  --color-bg: #f4f0ea;
  --color-bg-alt: #ffffff;
  --color-card-bg: transparent;
  --color-border: rgba(0,0,0,0.1);
  --font-heading: 'Playfair Display', serif;
  --font-body: 'Inter', sans-serif;
  --border-radius: 0px;
  --shadow: none;
}

/* ---- Glass Theme (Gold-only: dark + gold + Playfair editorial) ---- */
/* Note: body always carries both `theme-glass gold` classes when this theme is active,
   so existing `.theme-glass.gold .xxx` style rules elsewhere keep matching. */
.theme-glass {
  --color-primary: #B8963E;
  --color-accent: #9A7B2F;
  --color-highlight: #D4BC6A;
  --color-text: #C8C4BC;
  --color-text-heading: #B8963E;
  --color-bg: #08080A;
  --color-bg-alt: rgba(18,16,13,0.85);
  --color-card-bg: rgba(18,16,13,0.85);
  --color-border: rgba(184,150,62,0.3);
  --font-heading: 'Playfair Display', serif;
  --font-body: 'Inter', sans-serif;
  --border-radius: 24px;
  --shadow: 0 8px 32px rgba(0,0,0,0.4);
}