/* ============================================
   THEME 1: Classic Spice (Warm Indian Tones)
   ============================================ */
[data-theme="classic"] {
  --primary: #C0392B;
  --primary-dark: #922B21;
  --primary-light: #F1948A;
  --secondary: #E67E22;
  --secondary-light: #FAD7A0;
  --accent: #F39C12;
  --bg-main: #FDF6EC;
  --bg-card: #FFFFFF;
  --bg-nav: #C0392B;
  --bg-footer: #922B21;
  --text-primary: #2C1810;
  --text-secondary: #6D4C41;
  --text-muted: #A1887F;
  --text-on-primary: #FFFFFF;
  --border: #F5CBA7;
  --shadow: rgba(192, 57, 43, 0.15);
  --shadow-hover: rgba(192, 57, 43, 0.3);
  --tag-bg: #FDEBD0;
  --tag-text: #C0392B;
  --star-color: #F39C12;
  --badge-bg: #C0392B;
  --input-bg: #FFFFFF;
  --input-border: #F5CBA7;
  --hero-gradient: linear-gradient(135deg, #C0392B 0%, #E67E22 100%);
  --card-hover-transform: translateY(-6px);
  --border-radius-card: 12px;
  --border-radius-btn: 8px;
  --font-heading: 'Georgia', serif;
  --font-body: 'Segoe UI', sans-serif;
}

/* ============================================
   THEME 2: Modern Minimal (Clean & Fresh)
   ============================================ */
[data-theme="modern"] {
  --primary: #2ECC71;
  --primary-dark: #27AE60;
  --primary-light: #A9DFBF;
  --secondary: #3498DB;
  --secondary-light: #AED6F1;
  --accent: #1ABC9C;
  --bg-main: #F8FFFE;
  --bg-card: #FFFFFF;
  --bg-nav: #FFFFFF;
  --bg-footer: #2C3E50;
  --text-primary: #2C3E50;
  --text-secondary: #5D6D7E;
  --text-muted: #95A5A6;
  --text-on-primary: #FFFFFF;
  --border: #E8F8F5;
  --shadow: rgba(46, 204, 113, 0.12);
  --shadow-hover: rgba(46, 204, 113, 0.25);
  --tag-bg: #E8F8F5;
  --tag-text: #27AE60;
  --star-color: #F1C40F;
  --badge-bg: #2ECC71;
  --input-bg: #F8FFFE;
  --input-border: #A9DFBF;
  --hero-gradient: linear-gradient(135deg, #2ECC71 0%, #3498DB 100%);
  --card-hover-transform: translateY(-4px) scale(1.01);
  --border-radius-card: 16px;
  --border-radius-btn: 50px;
  --font-heading: 'Arial', sans-serif;
  --font-body: 'Segoe UI', sans-serif;
}

/* ============================================
   THEME 3: Dark Feast (Rich & Luxurious)
   ============================================ */
[data-theme="dark"] {
  --primary: #F39C12;
  --primary-dark: #D68910;
  --primary-light: #FAD7A0;
  --secondary: #E74C3C;
  --secondary-light: #F1948A;
  --accent: #9B59B6;
  --bg-main: #1A1A2E;
  --bg-card: #16213E;
  --bg-nav: #0F3460;
  --bg-footer: #0F3460;
  --text-primary: #ECF0F1;
  --text-secondary: #BDC3C7;
  --text-muted: #7F8C8D;
  --text-on-primary: #1A1A2E;
  --border: #2C3E50;
  --shadow: rgba(243, 156, 18, 0.15);
  --shadow-hover: rgba(243, 156, 18, 0.35);
  --tag-bg: #2C3E50;
  --tag-text: #F39C12;
  --star-color: #F39C12;
  --badge-bg: #F39C12;
  --input-bg: #0F3460;
  --input-border: #2C3E50;
  --hero-gradient: linear-gradient(135deg, #0F3460 0%, #533483 100%);
  --card-hover-transform: translateY(-6px);
  --border-radius-card: 12px;
  --border-radius-btn: 8px;
  --font-heading: 'Georgia', serif;
  --font-body: 'Segoe UI', sans-serif;
}