/* ==========================================================================
   TEMA UNDANGAN
   --------------------------------------------------------------------------
   Setiap tema hanya menimpa CSS custom properties dari style.css, jadi tidak
   ada aturan baru yang harus dibuat per tema. Selectornya attribute
   [data-theme] pada elemen <html>.

   Token yang dipakai:
     --gold / --gold-light / --gold-dark  -> aksen (tombol, garis, angka)
     --cream / --ivory / --white          -> latar seksi
     --ink / --ink-soft / --line         -> teks & border
     --hero-bg / --hero-overlay          -> latar sampul
     --accent-font / --head-font / --body-font

   Untuk menambah tema baru: salin satu blok, ganti nilainya.
   ========================================================================== */

/* ---------- 1. GOLD (bawaan, hangat keemasan) ---------- */
[data-theme="gold"] {
  --gold:        #c9a227;
  --gold-light:  #e6c86e;
  --gold-dark:   #9c7c15;
  --cream:       #fdfaf3;
  --ivory:       #f7f1e3;
  --ink:         #2b2724;
  --ink-soft:    #6b625b;
  --line:        #e6ddc8;
  --hero-bg:     linear-gradient(135deg, #b8935a 0%, #8a6b3f 50%, #5c4527 100%);
  --hero-overlay: linear-gradient(180deg, rgba(43,39,36,.45) 0%, rgba(43,39,36,.28) 45%, rgba(43,39,36,.72) 100%);
  --accent-font: 'Cormorant Garamond';
  --head-font:   'Playfair Display';
  --body-font:   'Montserrat';
  --head-weight: 600;
  --radius: 4px;
  --nav-bg: rgba(253,250,243,.97);
}

/* ---------- 2. CLASSIC (biru navy, abadi & formal) ---------- */
[data-theme="classic"] {
  --gold:        #1f3a5f;
  --gold-light:  #4a6f9e;
  --gold-dark:   #14273f;
  --cream:       #ffffff;
  --ivory:       #f4f6fa;
  --ink:         #1c2430;
  --ink-soft:    #5d6878;
  --line:        #dbe1ea;
  --hero-bg:     linear-gradient(140deg, #2c4a73 0%, #1f3a5f 55%, #101d30 100%);
  --hero-overlay: linear-gradient(180deg, rgba(16,29,48,.50) 0%, rgba(16,29,48,.32) 45%, rgba(16,29,48,.78) 100%);
  --accent-font: 'Cormorant Garamond';
  --head-font:   'Playfair Display';
  --body-font:   'Montserrat';
  --head-weight: 600;
  --radius: 2px;
  --nav-bg: rgba(244,246,250,.97);
}

/* ---------- 3. LUAR NEGERI (putih monokrom, black tie) ---------- */
[data-theme="international"] {
  --gold:        #111111;
  --gold-light:  #6e6e6e;
  --gold-dark:   #000000;
  --cream:       #ffffff;
  --ivory:       #f5f5f5;
  --ink:         #0a0a0a;
  --ink-soft:    #767676;
  --line:        #e0e0e0;
  --hero-bg:     linear-gradient(160deg, #fafafa 0%, #e8e8e8 60%, #c9c9c9 100%);
  --hero-overlay: linear-gradient(180deg, rgba(255,255,255,.10) 0%, rgba(0,0,0,.14) 50%, rgba(0,0,0,.52) 100%);
  --accent-font: 'Playfair Display';
  --head-font:   'Playfair Display';
  --body-font:   'Montserrat';
  --head-weight: 500;
  --radius: 0px;
  --nav-bg: rgba(255,255,255,.97);
}
/* tema luar negeri: tombol aksen jadi isi hitam, teks putih */
[data-theme="international"] .btn-gold { background: #111; color: #fff; }
[data-theme="international"] .btn-gold:hover { background: #000; box-shadow: 0 10px 26px rgba(0,0,0,.25); }
[data-theme="international"] .btn-outline { border-color: #111; color: #111; }
[data-theme="international"] .btn-outline:hover { background: #111; color: #fff; }
[data-theme="international"] .cover-names em,
[data-theme="international"] .cd-num { color: #111; }

/* ---------- 4. PREMIUM (hitam pekat + emas,diesel) ---------- */
[data-theme="premium"] {
  --gold:        #d4af37;
  --gold-light:  #f0d98c;
  --gold-dark:   #9c7c1f;
  --cream:       #141414;
  --ivory:       #1c1c1c;
  --ink:         #f0ece4;
  --ink-soft:    #a8a29a;
  --line:        #33302b;
  --hero-bg:     linear-gradient(140deg, #1f1d1a 0%, #121110 55%, #000000 100%);
  --hero-overlay: linear-gradient(180deg, rgba(0,0,0,.55) 0%, rgba(0,0,0,.38) 45%, rgba(0,0,0,.85) 100%);
  --accent-font: 'Cormorant Garamond';
  --head-font:   'Playfair Display';
  --body-font:   'Montserrat';
  --head-weight: 600;
  --radius: 2px;
  --shadow: 0 10px 40px rgba(0,0,0,.45);
  --white: #161616;
  --nav-bg: rgba(20,20,20,.97);
}
[data-theme="premium"] .btn-gold { color: #141414; }
[data-theme="premium"] .btn-gold:hover { box-shadow: 0 10px 26px rgba(212,175,55,.28); }
[data-theme="premium"] .akad-box,
[data-theme="premium"] .agenda-card,
[data-theme="premium"] .card-form { background: #1b1b1b; }
[data-theme="premium"] input,
[data-theme="premium"] select,
[data-theme="premium"] textarea { background: #101010; color: var(--ink); border-color: var(--line); }
[data-theme="premium"] input::placeholder,
[data-theme="premium"] textarea::placeholder { color: #6a6660; }

/* ---------- 5. EKSKLUSIF (burgundy/pekat + ornamen emas) ---------- */
[data-theme="eksklusif"] {
  --gold:        #b8863b;
  --gold-light:  #e0b872;
  --gold-dark:   #7d5722;
  --cream:       #fdf9f6;
  --ivory:       #f7ecec;
  --ink:         #33151c;
  --ink-soft:    #7a5c63;
  --line:        #e8d5d8;
  --hero-bg:     linear-gradient(140deg, #7b2233 0%, #541526 55%, #2e0a13 100%);
  --hero-overlay: linear-gradient(180deg, rgba(46,10,19,.50) 0%, rgba(46,10,19,.32) 45%, rgba(46,10,19,.80) 100%);
  --accent-font: 'Cormorant Garamond';
  --head-font:   'Playfair Display';
  --body-font:   'Montserrat';
  --head-weight: 600;
  --radius: 3px;
  --nav-bg: rgba(253,249,246,.97);
}
[data-theme="eksklusif"] .ornament { color: var(--gold-dark); }
[data-theme="eksklusif"] .cover-frame { border-color: rgba(224,184,114,.55); }

/* ---------- 6. OLIVE & BURGUNDY (tren 2026, floral) ---------- */
[data-theme="olive"] {
  --gold:        #7a7f52;
  --gold-light:  #a9ae7e;
  --gold-dark:   #4f5334;
  --cream:       #fcfaf4;
  --ivory:       #f3f1e4;
  --ink:         #2f2a22;
  --ink-soft:    #6f6858;
  --line:        #e2ddc8;
  --hero-bg:     linear-gradient(140deg, #6b7a4e 0%, #4c5a35 55%, #2f3a20 100%);
  --hero-overlay: linear-gradient(180deg, rgba(47,58,32,.50) 0%, rgba(47,58,32,.32) 45%, rgba(47,58,32,.80) 100%);
  --accent-font: 'Cormorant Garamond';
  --head-font:   'Playfair Display';
  --body-font:   'Montserrat';
  --head-weight: 600;
  --radius: 4px;
  --nav-bg: rgba(252,250,244,.97);
}

/* ---------- 7. BLUSH (merah muda lembut, modern-minimal) ---------- */
[data-theme="blush"] {
  --gold:        #c98b8b;
  --gold-light:  #e8b8b8;
  --gold-dark:   #9c6060;
  --cream:       #fffdfd;
  --ivory:       #fdf2f3;
  --ink:         #43302f;
  --ink-soft:    #8a716f;
  --line:        #f0dede;
  --hero-bg:     linear-gradient(140deg, #e8c4c4 0%, #d9a8ac 55%, #c08e92 100%);
  --hero-overlay: linear-gradient(180deg, rgba(67,48,47,.38) 0%, rgba(67,48,47,.24) 45%, rgba(67,48,47,.66) 100%);
  --accent-font: 'Cormorant Garamond';
  --head-font:   'Playfair Display';
  --body-font:   'Montserrat';
  --head-weight: 600;
  --radius: 8px;
  --nav-bg: rgba(255,253,253,.97);
}

/* ---------- 8. DAUN (hijau tosca, segar & adat) ---------- */
[data-theme="daun"] {
  --gold:        #2f7a63;
  --gold-light:  #63ad95;
  --gold-dark:   #1e5544;
  --cream:       #fbfdfc;
  --ivory:       #eef6f2;
  --ink:         #1f3b33;
  --ink-soft:    #5f7c72;
  --line:        #d6e7df;
  --hero-bg:     linear-gradient(140deg, #3c8f75 0%, #27624f 55%, #143a2e 100%);
  --hero-overlay: linear-gradient(180deg, rgba(20,58,46,.50) 0%, rgba(20,58,46,.32) 45%, rgba(20,58,46,.80) 100%);
  --accent-font: 'Cormorant Garamond';
  --head-font:   'Playfair Display';
  --body-font:   'Montserrat';
  --head-weight: 600;
  --radius: 4px;
  --nav-bg: rgba(251,253,252,.97);
}

/* ---------- 9. BIRU BATIK (gradien biru + motif batik di sisi) ---------- */
[data-theme="biru-batik"] {
  --gold:        #1f4e8c;
  --gold-light:  #4a7fbd;
  --gold-dark:   #143a68;
  --cream:       #ffffff;
  --ivory:       #f2f7fc;
  --ink:         #12263d;
  --ink-soft:    #4d6480;
  --line:        #cfe0f0;
  --hero-bg:     linear-gradient(140deg, #2f6bb0 0%, #1d4a86 55%, #0f2c52 100%);
  --hero-overlay: linear-gradient(180deg, rgba(10,32,62,.50) 0%, rgba(10,32,62,.30) 45%, rgba(10,32,62,.78) 100%);
  --accent-font: 'Cormorant Garamond';
  --head-font:   'Playfair Display';
  --body-font:   'Montserrat';
  --head-weight: 600;
  --radius: 3px;
  --nav-bg: rgba(242,247,252,.97);

  /* latar halaman: gradien biru, secciones tembus tipis biar gradien terlihat */
  --page-bg: linear-gradient(160deg, #eaf3fc 0%, #d6e8f8 42%, #bcd8f0 72%, #a8c9e8 100%);
  --panel-1: rgba(255,255,255,.62);
  --panel-2: rgba(255,255,255,.42);
  --panel:    rgba(255,255,255,.86);
  /* batik: sedang di halaman, agak tegas di sampul */
  --batik-op: .34;
  --batik-hero-op: .5;
}

/* ---------- 10. BATIK JADA (biru tua pekat + batik emas, paling adat) ---------- */
[data-theme="batik-jada"] {
  --gold:        #d9b877;
  --gold-light:  #f0dcae;
  --gold-dark:   #a8842f;
  --cream:       #ffffff;
  --ivory:       #eef4fb;
  --ink:         #14243a;
  --ink-soft:    #506584;
  --line:        #cadcee;
  --hero-bg:     linear-gradient(150deg, #1b4f8e 0%, #143a6c 55%, #0a2247 100%);
  --hero-overlay: linear-gradient(180deg, rgba(6,22,46,.52) 0%, rgba(6,22,46,.32) 45%, rgba(6,22,46,.80) 100%);
  --accent-font: 'Cormorant Garamond';
  --head-font:   'Playfair Display';
  --body-font:   'Montserrat';
  --head-weight: 600;
  --radius: 3px;
  --nav-bg: rgba(238,244,251,.97);

  --page-bg: linear-gradient(165deg, #f4f8fd 0%, #e0ecf9 40%, #c6dcf1 74%, #b2cfe9 100%);
  --panel-1: rgba(255,255,255,.60);
  --panel-2: rgba(255,255,255,.40);
  --panel:    rgba(255,255,255,.88);
  --batik-op: .46;
  --batik-hero-op: .68;
}

/* --------------------------------------------------------------------------
   Token yang dipakai seluruh style.css, disambungkan ke token tema
   -------------------------------------------------------------------------- */
:root {
  --hero-bg:     linear-gradient(135deg, #b8935a 0%, #8a6b3f 50%, #5c4527 100%);
  --hero-overlay: linear-gradient(180deg, rgba(43,39,36,.45) 0%, rgba(43,39,36,.28) 45%, rgba(43,39,36,.72) 100%);
  --head-font:   'Playfair Display', Georgia, serif;
  --body-font:   'Montserrat', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
  --head-weight: 600;
}

/* beberapa tema butuh font berbeda, jadi override --serif/--display/--sans */
[data-theme="international"] { --serif: 'Playfair Display', Georgia, serif; --display: 'Playfair Display', Georgia, serif; --sans: 'Montserrat', sans-serif; }
[data-theme="premium"]       { --serif: 'Cormorant Garamond', Georgia, serif; --display: 'Playfair Display', Georgia, serif; --sans: 'Montserrat', sans-serif; }

body { font-family: var(--body-font); }
h1, h2, h3, h4, .cover-title, .hero-names, .cn-name, .cb-name, .section-title,
.tl-year, .pb-nama, .resep-bas, .akad-bas, .cd-num, .akad-box h3, .mini-title {
  font-family: var(--head-font);
  font-weight: var(--head-weight);
}
.quote, .akad-salam, .resep-salam, .resep-penutup, .hero-names em { font-family: var(--accent-font); }
.hero-bg {
  background-image: var(--hero-bg);
}
.hero-overlay { background: var(--hero-overlay); }