/* Theme: عاجي وذهب (ivory-gold) — ivory laid paper, Ruqaa calligraphy, fine gold filigree corners. */
@import url("https://fonts.googleapis.com/css2?family=Aref+Ruqaa:wght@400;700&family=Noto+Naskh+Arabic:wght@400;600&display=swap");

html.t-ivory-gold {
  --door-img: url("/o/img/doors-ivory.jpg"); --foil-img: url("/o/img/foil-gold.jpg");
  --bg: #FBF6EC; --paper: #FFFDF6; --ink: #4A3A28; --muted: #8B785F;
  --accent: #B8893B; --accent-hi: #E8CF92; --accent-lo: #8A6424; --on-accent: #FFFBF1;
  --line: rgba(184, 137, 59, .34); --field: rgba(255, 253, 246, .78); --ok: #3E7B52; --no: #A24A3C;
  --display: "Aref Ruqaa", "Noto Naskh Arabic", serif; --body: "Noto Naskh Arabic", "Amiri", serif;
  --fs: 18px; --lh: 2; --names-fs: clamp(48px, 14.5vw, 80px); --names-lh: 1.25; --names-w: 700; --h2-fs: clamp(30px, 8.5vw, 38px);
  --radius: 10px; --btn-radius: 999px; --cover-radius: 2px;
  --shadow: 0 26px 50px -30px rgba(90, 64, 26, .45);
  --map-filter: sepia(.28) saturate(.85);
  --texture:
    radial-gradient(ellipse 120% 70% at 50% 0%, rgba(255, 255, 255, .9), transparent 70%),
    radial-gradient(ellipse 140% 90% at 50% 110%, rgba(214, 186, 132, .22), transparent 60%),
    url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' width='240' height='240'><filter id='n'><feTurbulence type='fractalNoise' baseFrequency='.85' numOctaves='3' stitchTiles='stitch'/><feColorMatrix values='0 0 0 0 .45  0 0 0 0 .34  0 0 0 0 .18  0 0 0 .07 0'/></filter><rect width='100%' height='100%' filter='url(%23n)'/></svg>");
  --hero-orn-w: 210px; --hero-orn-h: 54px; --corner-size: 96px;
  --orn-corner: url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 100' fill='none' stroke='black' stroke-width='1.2' stroke-linecap='round'><path d='M3 97V18Q3 3 18 3h79'/><path d='M9 97V24Q9 9 24 9h73' stroke-width='.6'/><path d='M9 52c10 0 16-6 16-14s-7-11-11-7 0 10 5 8'/><path d='M52 9c0 10-6 16-14 16s-11-7-7-11 10 0 8 5'/><path d='M17 17c8 8 18 11 30 9M17 17c8 8 11 18 9 30'/><path d='M47 26c4-4 10-4 12 0M26 47c-4 4-4 10 0 12'/><path d='M30 30c7 0 10 3 10 10-7 0-10-3-10-10z' fill='black'/><circle cx='17' cy='17' r='3.4' fill='black'/><path d='M9 70c6 0 9 4 8 9M70 9c0 6 4 9 9 8'/><circle cx='9' cy='86' r='1.6' fill='black'/><circle cx='86' cy='9' r='1.6' fill='black'/></svg>");
  --orn-hero: url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 240 60' fill='none' stroke='black' stroke-width='1.3' stroke-linecap='round'><path d='M120 6c-7 11-7 23 0 34 7-11 7-23 0-34z' fill='black'/><path d='M120 40c-8-7-19-9-27-3M120 40c8-7 19-9 27-3'/><path d='M106 30c-10-10-24-10-30 0 6 6 16 4 18-2'/><path d='M134 30c10-10 24-10 30 0-6 6-16 4-18-2'/><path d='M120 46c-20 4-40 0-60-6-14-4-30-4-44 4'/><path d='M120 46c20 4 40 0 60-6 14-4 30-4 44 4'/><path d='M16 44c-6-4-6-10 0-12 4 0 6 4 3 6'/><path d='M224 44c6-4 6-10 0-12-4 0-6 4-3 6'/><circle cx='120' cy='53' r='2.6' fill='black'/><circle cx='88' cy='18' r='1.7' fill='black'/><circle cx='152' cy='18' r='1.7' 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' stroke-linecap='round'><path d='M10 16h72M158 16h72'/><path d='M82 16c10 0 14-10 24-10 8 0 12 6 14 10 2-4 6-10 14-10 10 0 14 10 24 10'/><path d='M82 16c10 0 14 10 24 10 8 0 12-6 14-10 2 4 6 10 14 10 10 0 14-10 24-10'/><path d='M120 7l5 9-5 9-5-9z' fill='black'/><circle cx='5' cy='16' r='2' fill='black'/><circle cx='235' cy='16' r='2' 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='M10 1l2.6 7.4L20 10l-7.4 2.6L10 20l-2.6-7.4L0 10l7.4-1.6z' fill='black'/></svg>");
  /* openings */
  --op-bg: #F5ECD9;
  --env: #F4EAD5; --env-2: #E8D9BA; --env-edge: #D6C29A;
  --seal: #9A2E2A; --seal-hi: #D0594C; --seal-lo: #5A1512; --seal-ink: #F1D59C;
  --door: #EDE2CB; --door-hi: #F8F1E2; --door-lo: #D9C8A6; --door-trim: #B8893B;
  --foil-1: #8A6424; --foil-2: #F2DCA4; --foil-3: #C79C49; --foil-ink: rgba(84, 58, 16, .6);
}
/* page frame: a hairline gold rule down the whole invitation */
.t-ivory-gold .sheet::before { content: ""; position: absolute; inset: 0 4px; border-inline: 1px solid var(--line); pointer-events: none; z-index: -1; }
.t-ivory-gold .hero { margin-top: 6px; }
.t-ivory-gold .hero::before { content: ""; position: absolute; inset: 14px; border: 1px solid var(--line); border-radius: 2px; pointer-events: none; }
.t-ivory-gold .hero::after { content: ""; position: absolute; left: 50%; top: 42%; width: 120%; max-width: 520px; aspect-ratio: 1; transform: translate(-50%, -50%); background: radial-gradient(closest-side, rgba(232, 207, 146, .28), transparent); pointer-events: none; z-index: 0; }
.t-ivory-gold .names .amp { font-family: "Aref Ruqaa", serif; font-size: .5em; }
.t-ivory-gold .sec h2 { font-weight: 700; }
.t-ivory-gold .cover-frame { padding: 12px; border: 1px solid var(--accent); box-shadow: inset 0 0 0 5px var(--paper), inset 0 0 0 6px var(--line), var(--shadow); }
.t-ivory-gold .msg { font-size: 20px; }
.t-ivory-gold .cd-cell { border-radius: 2px; box-shadow: inset 0 0 0 3px var(--paper), inset 0 0 0 4px var(--line); }