/* ===================== Wedding-invitation theme =====================
   Applied to the catalog + pricing sections while the visitor is in
   "دعوات الفرح" mode. It only re-points the ramp and the semantic
   tokens — no rule below needs to know the theme exists. */
.theme-wedding {
  /* ---- Wedding palette (Burgundy — Indigo — Antique Gold) ---- */
  --midnight-indigo: #2D2C4A;
  --deep-burgundy:   #710927;
  --warm-walnut:     #92643E;
  --antique-gold:    #B58C4F;
  --champagne-cream: #D9C3A6;

  /* ---- Shades & tints derived from the palette above ---- */
  --burgundy-deep:  #55071d;
  --cream-soft:     #e7d8c3;
  --cream-pale:     #f3eadb;
  --cream-palest:   #faf4ea;
  --cream-wash:     #fdfaf4;

  --ramp-1: var(--midnight-indigo);
  --ramp-2: var(--deep-burgundy);
  --ramp-3: var(--warm-walnut);
  --ramp-4: var(--antique-gold);
  --ramp-5: var(--champagne-cream);
  --ramp-6: var(--cream-soft);
  --ramp-7: var(--cream-pale);
  --ramp-8: var(--cream-palest);

  /* Every ramp-derived token has to be re-declared here: a var() inside a
     custom-property declaration resolves against the element that declares
     it, so tokens left on :root would keep their purple values.
     Text is the midnight indigo — the palette carries everything else. */
  --ink: var(--midnight-indigo);
  --ink-soft: rgba(45, 44, 74, .75);
  --bg: var(--cream-wash);
  --border: var(--ramp-6);
  --primary: var(--ramp-2);
  --primary-dark: var(--burgundy-deep);
  --primary-hover: var(--burgundy-deep);
  --primary-light: var(--ramp-7);
  --accent: var(--ramp-4);
  --success: var(--ramp-3);
  --danger: var(--ramp-2);
  --header-bg: rgba(253, 250, 244, .85);

  --veil-dark: rgba(45, 44, 74, .55);
  --veil-dark-soft: rgba(45, 44, 74, .22);
  --glow-iris: rgba(217, 195, 166, .34);
  --glow-lilac: rgba(113, 9, 39, .42);
  --shadow-ink: rgba(45, 44, 74, .20);
  --shadow-ink-strong: rgba(45, 44, 74, .30);
  --shadow-deep: rgba(45, 44, 74, .42);

  /* No gradients in this theme — every surface is one flat palette colour. */
  --grad-night: var(--ramp-1);
  --grad-brand: var(--ramp-2);
  --shadow: 0 10px 30px -12px var(--shadow-ink);

  /* `color` inherits as a resolved value, so re-establish it here or the
     headings inside would keep the purple ink. */
  color: var(--ink);
}

/* Per-design card tones: one flat palette colour each, no blend. */
.theme-wedding .tpl-card[data-category="wedding_invitations"] .tpl-card__thumb { background: var(--ramp-2); }
.theme-wedding .tpl-card[data-tone="1"] .tpl-card__thumb { background: var(--deep-burgundy); }
.theme-wedding .tpl-card[data-tone="2"] .tpl-card__thumb { background: var(--midnight-indigo); }
.theme-wedding .tpl-card[data-tone="3"] .tpl-card__thumb { background: var(--warm-walnut); }
.theme-wedding .tpl-card[data-tone="4"] .tpl-card__thumb { background: var(--antique-gold); }
.theme-wedding .tpl-card[data-tone="5"] .tpl-card__thumb { background: var(--burgundy-deep); }