/* ══════════════════════════════════════════════════════════════════════════
   KODELAHIR — tema halaman jualan KODE PASANGAN.

   jual.css menyusun tata letaknya; berkas ini cuma mengganti warnanya, dan
   hanya di dalam <body class="pasangan">. Halaman jualan produk pertama
   memuat jual.css saja, jadi ia tidak ikut berubah sedikit pun.

   Kenapa mawar: pembaca produk ini condong perempuan muda (lihat catatan di
   uji_app.py bagian tema). Produk pertama tetap netral karena pembacanya
   siapa saja.

   Kontras sudah dihitung terhadap latarnya:
     tinta  #2A1520 di #FFF6F8 .... 16.1:1
     abu2   #6E4A58 di #FFF6F8 .....7.1:1
     putih  di tombol #A6134D ......7.6:1
     mawar-emas #F0C4C0 di #1C0A14 12.1:1
     terang #F3DFE4 di #1C0A14 ....15.0:1
   ══════════════════════════════════════════════════════════════════════════ */

body.pasangan{
  --malam:#1C0A14;         /* pita atas & penutup: anggur tua */
  --terang:#F3DFE4;
  --emas:#F0C4C0;          /* aksen di atas gelap: mawar-emas */
  --kertas:#FFF6F8;
  --tinta:#2A1520;
  --abu2:#6E4A58;
  --garis:#F0DCE2;
  --aksi:#A6134D;          /* warna tindakan: mawar tua */
  --aksi-tua:#84093C;
  --hijau:#2E6B4F;
}

/* Pita atas dibuat berangsur ke maroon, bukan hitam rata — supaya terasa
   hangat, bukan dingin seperti halaman produk pertama. */
body.pasangan .pita{
  background:linear-gradient(168deg,#1C0A14 0%,#3A1226 58%,#571E3B 100%);
}

/* Judul besar: serif, bukan sans tebal seperti halaman produk pertama.
   Ini pergantian yang paling terasa — satu perubahan huruf mengubah nada
   halaman lebih banyak daripada semua warnanya digabung. */
body.pasangan .kait h1{
  font-family:var(--serif);font-weight:500;
  font-size:clamp(34px,8.6vw,52px);line-height:1.1;letter-spacing:.004em;
}
body.pasangan .kait h1 em{color:var(--emas);font-style:italic}
/* Warna teks pendukung di jual.css ditulis mati sebagai gading produk
   pertama. Di atas latar anggur, gading terasa dingin — dihangatkan. */
body.pasangan .kait .sub{color:rgba(243,223,228,.82)}
body.pasangan .bag h2{font-family:var(--serif);font-weight:500;
                      font-size:clamp(26px,6.4vw,34px);line-height:1.18}

/* Tombol beli: kapsul penuh, bukan sudut tumpul. */
body.pasangan .ajak{border-radius:99px}

/* Kotak harga: TETAP kotak gelap, cuma dihangatkan jadi anggur.
   Sempat kucoba jadikan blush terang — dan itu membuat hampir seluruh
   isinya hilang, karena warna teks di dalamnya ditulis mati sebagai gading
   terang di jual.css. Kotak gelap dengan teks terang tetap dipertahankan;
   yang diganti cuma suhu warnanya. Ada gerbangnya di uji_app.py sekarang. */
body.pasangan .kotak-harga{
  background:linear-gradient(165deg,#1C0A14 0%,#3A1226 100%);
  box-shadow:0 6px 30px rgba(28,10,20,.28);
}
body.pasangan .kh-angka{color:var(--emas)}
body.pasangan .kh-hemat{color:#F5D7DA}

/* Daftar keluhan: kartunya diberi guratan mawar di sisi kiri. */
body.pasangan .sakit li{border-left:3px solid #EDC9D6}
body.pasangan .jawab-sakit{color:var(--aksi-tua)}