/* THEME — all colors live here. Edit these to restyle the whole site. */

:root{
  --ivory:#fbf7f0;
  --ink:#2b241e;
  --soft:#54483d;
  --gold:#85601f;
  --champagne:#d6b77c;
  --card:rgba(251,247,240,.95);
  --line:rgba(169,128,63,.25);

  /* Couple's names (deep · base · light). Swap to try another pink.
     Palettes:
     Hot pink (current)   #d6368f · #ff69b4 · #ffb8dc
     Deep hot pink        #c71585 · #ff1493 · #ff8cc6
     Cherry blossom       #c94f7c · #ee86ab · #ffc4d8
     Sakura               #d9779b · #ffb7c5 · #ffe4ea
     Rose                 #b8325f · #e75480 · #ffa6c0
     Blush                #d98aa0 · #f4b6c2 · #fde2e8
     Fuchsia              #a8167a · #e040b0 · #f7a1e0
     Magenta rose         #a3195b · #d6336c · #ff8fb3
     Salmon pink          #e0607a · #ff91a4 · #ffd1d9
     Pastel pink          #e89ab0 · #ffc0cb · #fff0f3
     Dusty rose           #a8586f · #cf8a9e · #ecc3cf
     Flamingo             #e0508a · #fc8eac · #ffd0de
     Coral pink           #e8636d · #f88379 · #ffc2b8 */

  /* --pk-deep:#d6368f;
  --pk:#ff69b4;
  --pk-light:#ffb8dc; */

  --pk-deep:#ffb8dc;
  --pk:#ff69b4;
  --pk-light:#d6368f;

  /* ---- FONTS: change any font here, nothing else needs touching ----
     Google fonts are loaded in index.html; custom files are declared in css/fonts.css.
     --font-names   groom & bride names (hero, "Our Wedding", footer)
     --font-display headings, dates, venue titles
     --font-body    paragraphs and labels
     --font-script  the "&" and the Insha'Allah signature
     --font-arabic  Arabic verses
     --font-tamil   Tamil text */
  /* Name sizes (script fonts like Angelface have small letters and need larger values) */
  --names-size:clamp(42px,7vw,78px);         /* hero names */
  --names-size-small:clamp(34px,5.6vw,56px); /* "Our Wedding" + footer names */
  --font-names:"Playfair Display",serif;   /* default. For the script look use: "Angelface","Great Vibes",cursive and raise --names-size to clamp(58px,14vw,104px) */
  --font-display:"Playfair Display",serif;
  --font-body:"Cormorant Garamond",serif;
  --font-script:"Great Vibes",cursive;
  --font-arabic:"Amiri",serif;
  --font-tamil:"Noto Sans Tamil","Cormorant Garamond",serif;

  /* Thin outline around the names so pale pinks stay readable on the cream page.
     Use a dark pink; set to transparent to remove. */
  --pk-outline:#c71585;
  --pk-outline-width:1.2px;   /* script fonts are thin: raise for more weight, 0 to remove */

  /* Page background gradient */
  --page-bg:linear-gradient(180deg,#fdfaf4 0%,#f6ecdf 30%,#f3e4e6 60%,#eef0e6 100%);
}