/* ==========================================================================
   ALNAIYA & ILHAM WEDDING INVITATION - THEMES DEFINITIONS
   Sistem 4 Tema Eksklusif: Emerald Gold, Romantic Rose, Midnight, Modern Boho
   ========================================================================== */

/* 1. TEMA DEFAULT: ROYAL EMERALD & GOLD */
:root,
[data-theme="emerald"] {
  --primary: #0f3d2e;
  --primary-rgb: 15, 61, 46;
  --primary-light: #1b5e46;
  --primary-dark: #09261c;
  --secondary: #d4af37;
  --secondary-rgb: 212, 175, 55;
  --secondary-light: #f3e5ab;
  --secondary-dark: #aa820a;
  --accent: #c5a059;
  
  --bg-main: #f8f6f0;
  --bg-surface: #ffffff;
  --bg-card: #ffffff;
  --bg-card-rgb: 255, 255, 255;
  --bg-card-alt: #f1ede4;
  --bg-overlay: rgba(15, 61, 46, 0.88);
  
  --text-main: #1c2826;
  --text-muted: #5c6b66;
  --text-inverse: #ffffff;
  --text-gold: #c59b27;
  
  --border-color: rgba(212, 175, 55, 0.28);
  --border-light: rgba(15, 61, 46, 0.1);
  --card-shadow: 0 16px 40px -10px rgba(15, 61, 46, 0.08);
  --glow-shadow: 0 0 25px rgba(212, 175, 55, 0.35);
  
  --ornament-hue: 145deg;
  --pattern-opacity: 0.04;
  --theme-badge: "Royal Emerald & Gold";
}

/* 2. TEMA: ROMANTIC ROSE & BLUSH */
[data-theme="rose"] {
  --primary: #864858;
  --primary-rgb: 134, 72, 88;
  --primary-light: #b36e80;
  --primary-dark: #582b37;
  --secondary: #d99b9b;
  --secondary-rgb: 217, 155, 155;
  --secondary-light: #f7e6e6;
  --secondary-dark: #b86b6b;
  --accent: #cf8d97;
  
  --bg-main: #faf4f5;
  --bg-surface: #ffffff;
  --bg-card: #ffffff;
  --bg-card-rgb: 255, 255, 255;
  --bg-card-alt: #f5e9ec;
  --bg-overlay: rgba(88, 43, 55, 0.88);
  
  --text-main: #2b1f24;
  --text-muted: #786369;
  --text-inverse: #ffffff;
  --text-gold: #b36e80;
  
  --border-color: rgba(217, 155, 155, 0.4);
  --border-light: rgba(134, 72, 88, 0.12);
  --card-shadow: 0 16px 40px -10px rgba(134, 72, 88, 0.09);
  --glow-shadow: 0 0 25px rgba(217, 155, 155, 0.4);
  
  --ornament-hue: 330deg;
  --pattern-opacity: 0.05;
  --theme-badge: "Romantic Rose & Blush";
}

/* 3. TEMA: ELEGANT MIDNIGHT & STARLIGHT */
[data-theme="midnight"] {
  --primary: #e6c280;
  --primary-rgb: 230, 194, 128;
  --primary-light: #f5dfb0;
  --primary-dark: #b58d4a;
  --secondary: #c5a059;
  --secondary-rgb: 197, 160, 89;
  --secondary-light: #ebd5a7;
  --secondary-dark: #8c6a25;
  --accent: #93b5c6;
  
  --bg-main: #0c1222;
  --bg-surface: #141c33;
  --bg-card: #18223d;
  --bg-card-rgb: 24, 34, 61;
  --bg-card-alt: #1e2b4d;
  --bg-overlay: rgba(12, 18, 34, 0.94);
  
  --text-main: #f0f4f8;
  --text-muted: #9baec2;
  --text-inverse: #0c1222;
  --text-gold: #f3cf8c;
  
  --border-color: rgba(230, 194, 128, 0.3);
  --border-light: rgba(230, 194, 128, 0.15);
  --card-shadow: 0 16px 40px -10px rgba(0, 0, 0, 0.5);
  --glow-shadow: 0 0 30px rgba(230, 194, 128, 0.25);
  
  --ornament-hue: 220deg;
  --pattern-opacity: 0.08;
  --theme-badge: "Midnight & Starlight";
}

/* 4. TEMA: MODERN BOHO & TERRACOTTA */
[data-theme="boho"] {
  --primary: #944e39;
  --primary-rgb: 148, 78, 57;
  --primary-light: #bd6a51;
  --primary-dark: #6e3322;
  --secondary: #c2956c;
  --secondary-rgb: 194, 149, 108;
  --secondary-light: #ebd8c5;
  --secondary-dark: #916843;
  --accent: #6f7d5c;
  
  --bg-main: #f9f5f0;
  --bg-surface: #ffffff;
  --bg-card: #ffffff;
  --bg-card-rgb: 255, 255, 255;
  --bg-card-alt: #f0e6db;
  --bg-overlay: rgba(110, 51, 34, 0.88);
  
  --text-main: #33241e;
  --text-muted: #735e56;
  --text-inverse: #ffffff;
  --text-gold: #b36449;
  
  --border-color: rgba(194, 149, 108, 0.35);
  --border-light: rgba(148, 78, 57, 0.12);
  --card-shadow: 0 16px 40px -10px rgba(148, 78, 57, 0.08);
  --glow-shadow: 0 0 25px rgba(194, 149, 108, 0.35);
  
  --ornament-hue: 25deg;
  --pattern-opacity: 0.05;
  --theme-badge: "Modern Boho & Terracotta";
}

/* Transisi Halus Pergantian Tema */
body,
.card,
.envelope-modal,
.theme-switch-btn,
.navbar-floating,
.btn-primary,
.icon-badge {
  transition: background-color 0.4s ease, color 0.4s ease, border-color 0.4s ease, box-shadow 0.4s ease;
}