/**
 * WEDDING INVITATION - CSS CUSTOMIZATION
 * =======================================
 * Edit variabel di bawah ini untuk mengubah tampilan.
 * Tidak perlu edit file styles.css — cukup edit nilai di sini.
 */

@import url('https://fonts.googleapis.com/css2?family=Amiri:ital@0;1&family=Beau+Rivage&family=Cinzel+Decorative:wght@400;700&family=Cormorant:ital,wght@0,300;0,400;0,600;1,400&family=Marcellus&family=Montserrat:wght@300;400;500;600&family=Pinyon+Script&display=swap');

:root {
  /* ============================================
     WARNA UTAMA (THEME)
     ============================================ */
  /* Rosewood — warna dominan (coklat kemerahan) */
  --rosewood: #5A0000;
  --rosewood-dark: #3d0000;
  --rosewood-light: #7a1a1a;
  --bluebg : #8091b8;
  --bluetext: #6a7eac;
  --bluebtn: #7d8fba;
  --pinktext: #e092a8;
  --pinkbg: #ab868f;


  --border: #c5af75;
  --teks: #485354;
  --bg: #efeae2;
  

  /* Gold — warna aksen / dekoratif */
  --gold: #c9a227;
  --gold-light: #dbb84a;

  /* Cream — warna background utama */
  --cream: #f8f1e9;
  --cream-dark: #ede3d5;

  /* Text */
  --text: #2a1a1a;
  --black: #000000;
  --white: #ffffff;

  /* ============================================
     FONTS
     ============================================ */
  --font-script: 'Beau Rivage', cursive;           /* Nama pengantin, heading besar */
  --font-serif: 'Cormorant', 'Times New Roman', serif; /* Body text, deskripsi */
  --font-display: 'Cinzel Decorative', serif;      /* Label section (Bride & Groom) */
  --font-body: 'Montserrat', sans-serif;            /* Tombol, nav, form */
  --font-elegant: 'Marcellus', serif;            /* Label kecil, tanggal */

  /* ============================================
     UKURAN FOTO
     ============================================ */
  /* Ukuran foto di halaman opening */
  --opening-photo-width: 220px;
  --opening-photo-height: 300px;
  --opening-photo-radius: 999px;   /* 999px = full oval */
  --opening-photo-border: 4px solid var(--bluetext);

  /* ============================================
     SPACING
     ============================================ */
  /* Jarak atas konten opening dari tepi layar */
  --opening-padding-top: 20vh;

  /* ============================================
     UKURAN TEKS
     ============================================ */
  /* Ukuran nama pengantin di halaman opening */
  --opening-name-size: 2.8rem;

  /* ============================================
     TOMBOL
     ============================================ */
  --btn-gradient: linear-gradient(135deg, var(--bluebtn) 0%, var(--bluetext) 50%, var(--bluebtn) 100%);
  --btn-gradient-hover: linear-gradient(135deg, var(--gold) 0%, var(--gold-light) 50%, var(--gold) 100%);
  --btn-border: 1.5px solid var(--bluetext);
}

/* ============================================
   OVERRIDE — FOTO OPENING
   ============================================ */
.opening-couple-photo {
  width: var(--opening-photo-width);
  height: var(--opening-photo-height);
  border-radius: var(--opening-photo-radius);
  border: var(--opening-photo-border);
}

/* ============================================
   OVERRIDE — UKURAN NAMA
   ============================================ */
.couple-names {
  font-size: var(--opening-name-size);
}

/* ============================================
   OVERRIDE — TOMBOL
   ============================================ */
.btn-open {
  background: var(--btn-gradient);
  border: var(--btn-border);
}
.btn-open:hover {
  background: var(--btn-gradient-hover);
  color: var(--black);
}