/*
 * Canna This Be — CSS Variables (Default Palette)
 *
 * These are the FALLBACK defaults. When the Customizer is active,
 * customizer-output.php overrides these legacy vars with the user's
 * chosen Kirki settings so the palette is fully editable.
 *
 * Mapping:
 *   Kirki setting          → Legacy CSS variable
 *   ctb_colors_primary     → --ctb-emerald  (accent green)
 *   ctb_colors_secondary   → --ctb-royal-purple
 *   ctb_colors_accent      → --ctb-gold
 *   ctb_colors_heading     → --ctb-white
 *   ctb_colors_body        → --ctb-off-white
 *   ctb_colors_muted       → --ctb-medium-gray
 *   ctb_colors_bg_page     → --ctb-black
 *   ctb_colors_bg_content  → --ctb-dark-green (content bg)
 *   ctb_colors_bg_overlay  → --ctb-deep-purple
 *   ctb_colors_success     → --ctb-emerald (same as primary)
 *   ctb_colors_warning     → --ctb-orange
 *   ctb_colors_error       → --ctb-gold (warning/error)
 */
:root {
  /* ── Base palette (overridden by Customizer when active) ── */
  --ctb-black: #000000;
  --ctb-royal-purple: #6B2C91;
  --ctb-deep-purple: #4A1B6B;
  --ctb-electric-purple: #8B3FBF;
  --ctb-dark-green: #1B4D3E;
  --ctb-emerald: #2ECC71;
  --ctb-forest-green: #0F3D2E;
  --ctb-lime-green: #7FFF00;
  --ctb-gold: #FFD700;
  --ctb-orange: #FF8C00;
  --ctb-electric-blue: #00D4FF;
  --ctb-white: #FFFFFF;
  --ctb-off-white: #F8F8F8;
  --ctb-light-gray: #E0E0E0;
  --ctb-medium-gray: #808080;

  /* ── Typography variables (overridden by Customizer) ── */
  --ctb-font-heading: 'Playfair Display', 'Cinzel', serif;
  --ctb-font-body: 'Inter', 'Raleway', 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;

  /* ── Gradients ── */
  --gradient-purple-green: linear-gradient(135deg, var(--ctb-royal-purple) 0%, var(--ctb-dark-green) 100%);
  --gradient-purple-blue: linear-gradient(135deg, var(--ctb-deep-purple) 0%, var(--ctb-electric-blue) 100%);
  --gradient-green-gold: linear-gradient(135deg, var(--ctb-emerald) 0%, var(--ctb-gold) 100%);
  --gradient-animated: linear-gradient(270deg, var(--ctb-royal-purple), var(--ctb-electric-purple), var(--ctb-dark-green), var(--ctb-emerald));

  /* ── Shadows ── */
  --shadow-soft: 0 4px 20px rgba(0, 0, 0, 0.1);
  --shadow-medium: 0 8px 30px rgba(0, 0, 0, 0.15);
  --shadow-strong: 0 12px 40px rgba(0, 0, 0, 0.25);
  --shadow-glow-purple: 0 0 30px rgba(107, 44, 145, 0.5);
  --shadow-glow-green: 0 0 30px rgba(46, 204, 113, 0.5);
}

* {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
}

body {
  font-family: var(--ctb-font-body);
  overflow-x: hidden;
  background: var(--ctb-black);
  color: var(--ctb-white);
}