/* =====================================================================
   THEME
   Change colours, fonts and backgrounds here. Every page on the site
   reads from these tokens, so one edit here updates the whole website.
   ===================================================================== */

@import url("https://fonts.googleapis.com/css2?family=Bodoni+Moda:ital,wght@0,400;0,500;1,400&family=Pinyon+Script&family=Playfair+Display:ital,wght@0,400;1,400&family=Jost:wght@300;400;500&display=swap");

:root {
  /* ---------- Colours ---------- */
  --color-wine:      #3B0D1C;  /* header, hero, dark sections */
  --color-champagne: #F3DFBF;  /* text on dark backgrounds */
  --color-gold:      #D8B26A;  /* small labels on dark */
  --color-pink:      #EE5A93;  /* script "&", hero glow */
  --color-orange:    #F28A3C;  /* hero glow */
  --color-magenta:   #B5306B;  /* hero glow, footer "&" */
  --color-cream:     #FFF7F2;  /* page background */
  --color-blush:     #FBE6E8;  /* soft sections, cards */
  --color-ink:       #3A0E22;  /* headings on light */
  --color-text:      #4B2B37;  /* body text */
  --color-muted:     #8A6874;  /* small print */
  --color-crimson:   #B3123B;  /* accents on light: stars, labels, lines */
  --color-rsvp:      #8E2A4C;  /* RSVP block (deep rose) */
  --color-coral:     #F1592D;  /* RSVP glow */
  --color-butter:    #F7D57E;  /* RSVP button */
  --color-rose:      #E6C6CF;  /* video duotone highlights */

  /* ---------- Fonts ---------- */
  --font-display: "Bodoni Moda", Georgia, serif;          /* names, page titles, headings */
  --font-script:  "Pinyon Script", cursive;               /* "&" and script labels */
  --font-accent:  "Playfair Display", Georgia, serif;     /* dates, countdown numbers */
  --font-body:    "Jost", "Helvetica Neue", Arial, sans-serif;

  /* ---------- Backgrounds ---------- */
  --bg-page: var(--color-cream);
  --bg-dark: var(--color-wine);
  --bg-card: var(--bg-page);   /* cards: dress code, RSVP form */
  --header-bg: color-mix(in srgb, var(--color-wine) 90%, transparent);

  /* glows on dark sections (hero, finales) */
  --glow-dark-1: var(--color-pink);
  --glow-dark-2: var(--color-orange);
  --glow-dark-3: var(--color-magenta);
  /* glows on light page titles */
  --glow-light-1: #F6BFD0;
  --glow-light-2: #F9CFA9;

  /* grain texture laid over the gradient backgrounds */
  --grain: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='220' height='220'><filter id='n'><feTurbulence type='fractalNoise' baseFrequency='.85' numOctaves='3' stitchTiles='stitch'/></filter><rect width='100%' height='100%' filter='url(%23n)' opacity='.6'/></svg>");
  --grain-opacity: .35;

  /* ---------- Photos ---------- */
  /* the shoot's own colour. The old grey-with-a-little-maroon tone, if it is ever wanted back:
     grayscale(1) sepia(.22) hue-rotate(-20deg) saturate(1.35) contrast(1.05) brightness(.96) */
  --photo-tone: none;

  /* ---------- Layout ---------- */
  --wrap: 1080px;
}