/* Kulit tema. Tiap tema hanya variabel + sedikit penyesuaian bentuk. */
:root{
  --sans:"Jost",system-ui,sans-serif; --arab:"Amiri",serif;
  --judul-tebal:400; --judul-besar:38px; --nama-gaya:italic; --nama-tebal:400;
  --r-kartu:18px; --r-plakat:24px; --r-bingkai:999px 999px 0 0; --r-bingkai-luar:999px 999px 0 0;
  --r-potret:999px 999px 0 0; --r-acara:160px 160px 20px 20px; --r-acara-dalam:152px 152px 14px 14px; --r-galeri:18px;
  --campur:multiply; --tanggal-op:.55; --latar-hero-op:.5;
}

/* 1. Rona — Islami pastel */
[data-tema="rona"]{
  --latar-luar:#F4ECE5; --latar:#FBF7F2; --latar-alt:#F4ECE5; --kartu:#fff;
  --tinta:#3A2E2C; --redup:#7D6D68; --aksen:#B8955A; --aksen-2:#B47468; --aksen-terang:#EAD0C7;
  --aksen-lembut:#EAD0C7; --aksen-lembut-2:#B7D4C0; --garis:#E8DAD1; --gelap:#2E2422;
  --sampul-teks:#fff; --kabut:linear-gradient(180deg,rgba(46,36,34,.35) 0%,rgba(46,36,34,0) 16%,rgba(46,36,34,0) 36%,rgba(46,36,34,.55) 52%,rgba(46,36,34,.94) 66%,#2E2422 76%);
  --kaca:rgba(255,255,255,.12); --kaca-garis:rgba(255,255,255,.25); --tombol-buka:#FBF7F2; --tombol-buka-teks:#3A2E2C;
  --tombol:#3A2E2C; --tombol-teks:#FBF7F2; --nav:rgba(251,247,242,.9);
  --judul:"Cormorant Garamond",Georgia,serif; --nama:"Cormorant Garamond",Georgia,serif; --kutip:"Cormorant Garamond",Georgia,serif;
  --kartu-acara:#F4ECE5; --amplop-tutup:#EAD0C7; --segel:#B47468; --segel-cincin:rgba(180,116,104,.25);
  --p1:#F3C7B8; --p2:#E2A08F;
}

/* 2. Gapura Jawa — gebyok, cokelat-emas, pintu terbuka */
[data-tema="gapura"]{
  --latar-luar:#EFE3D0; --latar:#F7F0E4; --latar-alt:#EFE3D0; --kartu:#FFFBF4;
  --tinta:#2E1D12; --redup:#6E5A4A; --aksen:#A8832F; --aksen-2:#8A4B2A; --aksen-terang:#E9CF8F;
  --aksen-lembut:#E5D2AE; --aksen-lembut-2:#D8BE93; --garis:#E1CFAF; --gelap:#24160D;
  --sampul-teks:#F7EBD0; --kaca:rgba(36,22,13,.35); --kaca-garis:rgba(233,207,143,.45);
  --plakat:rgba(36,22,13,.62); --tombol-buka:#C9A24A; --tombol-buka-teks:#24160D;
  --tombol:#3A2417; --tombol-teks:#F7EBD0; --nav:rgba(247,240,228,.92);
  --judul:"Cormorant Garamond",Georgia,serif; --judul-tebal:500; --nama:"Cormorant Garamond",Georgia,serif; --nama-tebal:500; --kutip:"Cormorant Garamond",Georgia,serif;
  --kartu-acara:#EFE3D0; --amplop-tutup:#3A2417; --segel:#A8832F; --segel-cincin:rgba(168,131,47,.3);
  --latar-hero-op:.7; --tanggal-op:.45; --p1:#fff; --p2:#fff;
}
[data-tema="gapura"] .bingkai::after{inset:-10px;border-width:1.5px;box-shadow:0 0 0 5px #F7F0E4,0 0 0 6px rgba(168,131,47,.5)}

/* 3. Senja — retro polaroid */
[data-tema="senja"]{
  --latar-luar:#EFE1CC; --latar:#F6EDDF; --latar-alt:#EFE3D0; --kartu:#FFFCF6;
  --tinta:#3B2A22; --redup:#7A6656; --aksen:#B23A2A; --aksen-2:#B23A2A; --aksen-terang:#F6C7A6;
  --aksen-lembut:#F0C9B8; --aksen-lembut-2:#E7D3A6; --garis:#E3D2BB; --gelap:#3B2A22;
  --sampul-teks:#fff; --kabut:linear-gradient(180deg,rgba(59,42,34,.25) 0%,rgba(59,42,34,0) 18%,rgba(59,42,34,0) 40%,rgba(59,42,34,.6) 56%,rgba(59,42,34,.95) 70%,#3B2A22 78%);
  --kaca:rgba(255,255,255,.12); --kaca-garis:rgba(255,255,255,.28); --tombol-buka:#F6EDDF; --tombol-buka-teks:#B23A2A;
  --tombol:#B23A2A; --tombol-teks:#FFF6EA; --nav:rgba(246,237,223,.92);
  --judul:"DM Serif Display",Georgia,serif; --judul-besar:36px; --nama:"Parisienne",cursive; --nama-gaya:normal; --kutip:"DM Serif Display",Georgia,serif;
  --r-bingkai:2px; --r-bingkai-luar:2px; --garis-bingkai:none; --putar-bingkai:rotate(-3deg); --r-potret:2px; --r-acara:22px; --r-acara-dalam:16px; --r-galeri:4px;
  --kartu-acara:#FFFCF6; --amplop-tutup:#B23A2A; --segel:#3B2A22; --segel-cincin:rgba(59,42,34,.2);
  --latar-hero-op:.42; --p1:#E8503C; --p2:#B23A2A;
}
[data-tema="senja"] .bingkai img{border:9px solid #fff;border-bottom-width:40px;box-shadow:0 18px 30px -18px rgba(59,42,34,.6)}
[data-tema="senja"] .bingkai{width:min(70vw,280px)}
[data-tema="senja"] .orang .potret img,[data-tema="senja"] .bersama{border:8px solid #fff;border-bottom-width:30px;box-shadow:0 14px 24px -16px rgba(59,42,34,.5);transform:rotate(1.5deg)}
[data-tema="senja"] .hero h2{font-size:60px}
[data-tema="senja"] .sampul h1{font-size:clamp(56px,17vw,76px)}
[data-tema="senja"] .hero h2 span,[data-tema="senja"] .sampul h1 span{font-family:"DM Serif Display",serif;font-size:.42em}
[data-tema="senja"] .pita{position:absolute;left:0;right:0;top:0;height:120px;object-fit:cover;object-position:50% 0;mix-blend-mode:multiply;opacity:.9;z-index:-1}

/* 4. Jendela — gelap mewah, emas */
[data-tema="jendela"]{
  --latar-luar:#0B0907; --latar:#14100D; --latar-alt:#1A1511; --kartu:#1E1914; --kartu-teks:#F1E6CF;
  --tinta:#F1E6CF; --redup:#B3A389; --aksen:#C9A45C; --aksen-2:#E2C27D; --aksen-terang:#E9CF8F;
  --aksen-lembut:rgba(201,164,92,.35); --aksen-lembut-2:rgba(201,164,92,.2); --garis:rgba(201,164,92,.28); --gelap:#0B0907;
  --sampul-teks:#F3E3BC; --kabut:linear-gradient(180deg,rgba(11,9,7,.2) 0%,rgba(11,9,7,0) 22%,rgba(11,9,7,.5) 50%,rgba(11,9,7,.95) 68%,#0B0907 78%);
  --kaca:rgba(201,164,92,.08); --kaca-garis:rgba(201,164,92,.45); --tombol-buka:#C9A45C; --tombol-buka-teks:#0B0907;
  --tombol:#C9A45C; --tombol-teks:#0B0907; --nav:rgba(20,16,13,.88);
  --judul:"Bodoni Moda",Georgia,serif; --judul-besar:34px; --nama:"Bodoni Moda",Georgia,serif; --kutip:"Bodoni Moda",Georgia,serif;
  --r-bingkai:4px; --r-bingkai-luar:4px; --r-potret:4px; --r-acara:6px; --r-acara-dalam:3px; --r-galeri:4px;
  --kartu-acara:#1A1511; --amplop-tutup:rgba(201,164,92,.85); --segel:#14100D; --segel-cincin:rgba(201,164,92,.55);
  --campur:screen; --latar-hero-op:.35; --tanggal-op:.5; --p1:#E9CF8F;
}
[data-tema="jendela"] .bingkai::after{inset:-8px;box-shadow:0 0 0 5px #14100D,0 0 0 6px rgba(201,164,92,.45)}
[data-tema="jendela"] .hero .latar-hero{height:100%;-webkit-mask-image:radial-gradient(closest-side,transparent 55%,#000);mask-image:none}
[data-tema="jendela"] .segel{color:#E9CF8F;border:1px solid #C9A45C}
[data-tema="jendela"] .pilih button{background:#14100D}
[data-tema="jendela"] .tiket .qr{border-color:#C9A45C}
[data-tema="jendela"] .sampul::before{content:"";position:absolute;inset:12px;border:1px solid rgba(201,164,92,.6);outline:1px solid rgba(201,164,92,.3);outline-offset:-7px;z-index:4;pointer-events:none;transition:opacity .4s}
[data-tema="jendela"] .sampul.membuka::before{opacity:0}

/* 5. Rimba — hutan pinus */
[data-tema="rimba"]{
  --latar-luar:#E6E8DC; --latar:#F4F2E9; --latar-alt:#E9EBDF; --kartu:#FFFFFB;
  --tinta:#1F2A22; --redup:#5B665C; --aksen:#7C8F55; --aksen-2:#4E6B44; --aksen-terang:#D3E2B0;
  --aksen-lembut:#D5DEC3; --aksen-lembut-2:#C4D2B4; --garis:#D7DBC9; --gelap:#18281D;
  --sampul-teks:#F4F2E9; --kabut:linear-gradient(180deg,rgba(24,40,29,.25) 0%,rgba(24,40,29,0) 20%,rgba(24,40,29,0) 38%,rgba(24,40,29,.6) 54%,rgba(24,40,29,.95) 68%,#18281D 78%);
  --kaca:rgba(244,242,233,.1); --kaca-garis:rgba(244,242,233,.3); --tombol-buka:#D3E2B0; --tombol-buka-teks:#18281D;
  --tombol:#2E4433; --tombol-teks:#F4F2E9; --nav:rgba(244,242,233,.92);
  --judul:"Cormorant Garamond",Georgia,serif; --judul-tebal:500; --nama:"Cormorant Garamond",Georgia,serif; --nama-gaya:normal; --nama-tebal:500; --kutip:"Cormorant Garamond",Georgia,serif;
  --r-bingkai:28px; --r-bingkai-luar:34px; --r-potret:24px; --r-acara:28px; --r-acara-dalam:22px; --r-galeri:22px;
  --kartu-acara:#E9EBDF; --amplop-tutup:#C4D2B4; --segel:#2E4433; --segel-cincin:rgba(46,68,51,.25);
  --latar-hero-op:.55; --sudut-op:.9; --p1:#8FA866; --p2:#4E6B44;
}
[data-tema="rimba"] .hero h2 span{font-style:italic}

/* 6. Pasundan — kebun teh, bulat emas */
[data-tema="pasundan"]{
  --latar-luar:#E9E4D0; --latar:#F6F3E8; --latar-alt:#EDE8D6; --kartu:#FFFDF6;
  --tinta:#1F2A22; --redup:#5F6A5C; --aksen:#B8862B; --aksen-2:#2F5A3E; --aksen-terang:#EBC979;
  --aksen-lembut:#E4D8B4; --aksen-lembut-2:#CFDCC4; --garis:#DDD5BC; --gelap:#1F3528;
  --sampul-teks:#F6F3E8; --kabut:linear-gradient(180deg,rgba(31,53,40,.25) 0%,rgba(31,53,40,0) 18%,rgba(31,53,40,0) 38%,rgba(31,53,40,.6) 54%,rgba(31,53,40,.95) 68%,#1F3528 78%);
  --kaca:rgba(246,243,232,.1); --kaca-garis:rgba(235,201,121,.4); --tombol-buka:#B8862B; --tombol-buka-teks:#1F2A22;
  --tombol:#2F4F3A; --tombol-teks:#F6F3E8; --nav:rgba(246,243,232,.92);
  --judul:"Marcellus",Georgia,serif; --judul-besar:34px; --nama:"Cormorant Garamond",Georgia,serif; --nama-tebal:500; --kutip:"Cormorant Garamond",Georgia,serif;
  --r-bingkai:50%; --r-bingkai-luar:50%; --r-potret:50%; --r-acara:200px 200px 24px 24px; --r-acara-dalam:192px 192px 18px 18px;
  --kartu-acara:#EDE8D6; --amplop-tutup:#2F4F3A; --segel:#B8862B; --segel-cincin:rgba(184,134,43,.3);
  --latar-hero-op:.6; --p1:#9DBB7E; --p2:#4F7A4E;
}
[data-tema="pasundan"] .bingkai{aspect-ratio:1;width:min(70vw,290px)}
[data-tema="pasundan"] .bingkai::after{inset:-10px;border-width:1.5px}
[data-tema="pasundan"] .orang .potret{aspect-ratio:1}

/* 7. Gonjong — Minang, songket merah-emas */
[data-tema="gonjong"]{
  --latar-luar:#F2E2C6; --latar:#FBF3E4; --latar-alt:#F4E5CC; --kartu:#FFFAF0;
  --tinta:#3A1010; --redup:#7A5A4A; --aksen:#B07D22; --aksen-2:#8E1F1F; --aksen-terang:#E9C46A;
  --aksen-lembut:#EBCF9E; --aksen-lembut-2:#E2B9A8; --garis:#E6D2AE; --gelap:#4A1010;
  --sampul-teks:#FBE9C0; --kaca:rgba(74,16,16,.35); --kaca-garis:rgba(233,196,106,.5);
  --plakat:rgba(74,16,16,.82); --tombol-buka:#E3B54A; --tombol-buka-teks:#4A1010;
  --tombol:#7A1C1C; --tombol-teks:#FBF3E4; --nav:rgba(251,243,228,.92);
  --judul:"Cormorant Garamond",Georgia,serif; --judul-tebal:600; --nama:"Cormorant Garamond",Georgia,serif; --nama-tebal:500; --kutip:"Cormorant Garamond",Georgia,serif;
  --r-bingkai:0; --r-bingkai-luar:0; --garis-bingkai:none; --r-potret:0; --r-acara:12px; --r-acara-dalam:8px; --r-galeri:6px;
  --kartu-acara:#F4E5CC; --amplop-tutup:#7A1C1C; --segel:#B07D22; --segel-cincin:rgba(176,125,34,.3);
  --tanggal-op:.38; --p1:#F3D27A;
}
[data-tema="gonjong"] .bingkai img,[data-tema="gonjong"] .orang .potret img{clip-path:polygon(0 17%,11% 3%,27% 13%,50% 0,73% 13%,89% 3%,100% 17%,100% 100%,0 100%)}
[data-tema="gonjong"] .orang .potret::before{clip-path:polygon(0 17%,11% 3%,27% 13%,50% 0,73% 13%,89% 3%,100% 17%,100% 100%,0 100%)}
[data-tema="gonjong"] .bingkai{filter:drop-shadow(0 0 0 #B07D22) drop-shadow(0 2px 0 #B07D22)}
[data-tema="gonjong"] .pita-songket{height:14px;margin:0 -26px 26px;background-size:auto 60px}
[data-tema="gonjong"] .plakat .papan{border:1.5px solid #E3B54A;outline:1px solid rgba(227,181,74,.4);outline-offset:-8px}