/* Theme: عنّابي ملكي (burgundy) — deep wine velvet, architectural Kufi, gold double-line frame and eight-point stars. */
@import url("https://fonts.googleapis.com/css2?family=Reem+Kufi:wght@500;600;700&family=Markazi+Text:wght@400;500;600&display=swap");

html.t-burgundy {
  --door-img: url("/o/img/doors-walnut.jpg"); --foil-img: url("/o/img/foil-gold.jpg");
  --bg: #4A1620; --paper: #561C28; --ink: #F6E9D8; --muted: #D8BFA4;
  --accent: #D9B36C; --accent-hi: #F4DDA2; --accent-lo: #A5803D; --on-accent: #3A0F17;
  --line: rgba(217, 179, 108, .4); --field: rgba(255, 236, 214, .06); --ok: #A6D9AE; --no: #F3A796;
  --display: "Reem Kufi", "Markazi Text", serif; --body: "Markazi Text", "Noto Naskh Arabic", serif;
  --fs: 21px; --lh: 1.75; --names-fs: clamp(42px, 12.5vw, 70px); --names-lh: 1.35; --names-w: 600; --h2-fs: clamp(26px, 7.4vw, 34px); --h2-w: 600;
  --radius: 4px; --btn-radius: 3px; --cover-radius: 0px;
  --shadow: 0 28px 50px -26px rgba(0, 0, 0, .7);
  --map-filter: sepia(.35) saturate(.7) brightness(.95);
  --texture:
    radial-gradient(ellipse 90% 55% at 50% 0%, rgba(255, 196, 150, .12), transparent 70%),
    radial-gradient(ellipse 120% 80% at 50% 120%, rgba(0, 0, 0, .35), transparent 65%),
    url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' width='64' height='64' viewBox='0 0 64 64' fill='none' stroke='rgba(242,208,150,0.055)' stroke-width='1'><path d='M32 10l22 22-22 22-22-22z'/><path d='M16.5 16.5h31v31h-31z'/><path d='M0 0l10 10M64 0l-10 10M0 64l10-10M64 64l-10-10'/><circle cx='32' cy='32' r='3'/></svg>");
  --hero-orn-w: 220px; --hero-orn-h: 66px; --corner-size: 64px;
  --orn-hero: url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 240 72' fill='none' stroke='black' stroke-width='1.3' stroke-linejoin='round'><path d='M62 70V46a58 42 0 0 1 116 0v24'/><path d='M71 70V47a49 34 0 0 1 98 0v23' stroke-width='.7'/><path d='M107 33h26v26h-26z'/><path d='M120 27.6l18.4 18.4-18.4 18.4-18.4-18.4z'/><circle cx='120' cy='46' r='5' fill='black'/><path d='M120 1l3 3-3 3-3-3z' fill='black'/><path d='M8 70h54M178 70h54'/><path d='M14 66l4 4-4 4-4-4zM226 66l4 4-4 4-4-4z' fill='black'/></svg>");
  --orn-div: url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 240 32' fill='none' stroke='black' stroke-width='1.2'><path d='M8 16h86M146 16h86'/><path d='M98 16l4-4 4 4-4 4zM134 16l4-4 4 4-4 4z' fill='black'/><path d='M109 5h22v22h-22z'/><path d='M120 0.5l15.5 15.5-15.5 15.5-15.5-15.5z'/><circle cx='120' cy='16' r='4' fill='black'/></svg>");
  --orn-corner: url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 64 64' fill='none' stroke='black' stroke-width='1.2'><path d='M13 13h16v16H13z' fill='black' fill-opacity='.25'/><path d='M21 9.7l11.3 11.3L21 32.3 9.7 21z'/><circle cx='21' cy='21' r='3' fill='black'/><path d='M36 21h22M21 36v22'/><circle cx='61' cy='21' r='1.6' fill='black'/><circle cx='21' cy='61' r='1.6' fill='black'/></svg>");
  --orn-bullet: url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'><path d='M5 5h10v10H5z M10 2.9l7.1 7.1-7.1 7.1-7.1-7.1z' fill='black'/></svg>");
  /* openings */
  --op-bg: #3D101A;
  --env: #F2E3CB; --env-2: #E3CDAA; --env-edge: #C9AE85;
  --seal: #6E1A28; --seal-hi: #AE3B4D; --seal-lo: #340810; --seal-ink: #EBCB88;
  --door: #5A1A26; --door-hi: #712735; --door-lo: #3B0E17; --door-trim: #D9B36C;
  --foil-1: #9A7330; --foil-2: #F8E4AC; --foil-3: #D3A95A; --foil-ink: rgba(70, 20, 25, .6);
}
/* gold double-line frame around the whole invitation */
.t-burgundy .sheet::before, .t-burgundy .sheet::after { content: ""; position: absolute; pointer-events: none; z-index: -1; }
.t-burgundy .sheet::before { inset: 4px 6px; border: 1.5px solid var(--accent); }
.t-burgundy .sheet::after { inset: 11px 13px; border: 1px solid var(--line); }
.t-burgundy .sheet { padding-inline: clamp(20px, 6vw, 34px); }
.t-burgundy .corner { --corner-size: 64px; }
.t-burgundy .c1 { top: -3px; left: -7px; } .t-burgundy .c2 { top: -3px; right: -7px; }
.t-burgundy .c3, .t-burgundy .c4 { display: none; }
.t-burgundy .hero::after { content: ""; position: absolute; left: 50%; top: 45%; width: 110%; max-width: 520px; aspect-ratio: 1; transform: translate(-50%, -50%); background: radial-gradient(closest-side, rgba(217, 179, 108, .16), transparent); pointer-events: none; }
.t-burgundy .names .n { text-shadow: 0 2px 18px rgba(0, 0, 0, .35); }
.t-burgundy .names .amp { font-family: "Markazi Text", serif; font-size: .6em; }
.t-burgundy .hd-day { font-family: "Reem Kufi", serif; }
.t-burgundy .sec h2::after { content: ""; display: block; width: 46px; height: 1px; margin: 12px auto 0; background: var(--accent); box-shadow: 0 3px 0 var(--line); }
.t-burgundy .cover-frame { padding: 8px; border: 1.5px solid var(--accent); box-shadow: inset 0 0 0 4px var(--bg), inset 0 0 0 5px var(--line), var(--shadow); background: var(--bg); }
.t-burgundy .btn-line:hover { color: var(--on-accent); }
.t-burgundy .input { font-size: 19px; }
.t-burgundy .wish, .t-burgundy .cd-cell, .t-burgundy .rsvp-state { box-shadow: inset 0 0 0 3px var(--bg), inset 0 0 0 4px rgba(217, 179, 108, .16); }