:root {
  /* Wedding palette — edit these five values to recolor the whole site. */
  --color-wisteria: #c7a7d8;
  --color-graphite: #5a6d5a;
  --color-soft-blossom: #ebb9c4;
  --color-parchment: #f5edea;
  --color-pale-oak: #dbc9b5;

  /* Semantic aliases used throughout the components. */
  --color-primary: var(--color-wisteria);
  --color-secondary: var(--color-pale-oak);
  --color-accent: var(--color-soft-blossom);
  --color-ivory: var(--color-parchment);
  --color-warm-white: #fffaf8;
  --color-sand: var(--color-pale-oak);
  --color-beige: var(--color-pale-oak);
  --color-champagne: var(--color-wisteria);
  --color-champagne-dark: var(--color-graphite);
  --color-charcoal: #2f382f;
  --color-muted: #667066;
  --color-overlay: rgba(47, 56, 47, 0.56);
  --color-overlay-strong: rgba(39, 48, 40, 0.76);
  --color-success: var(--color-graphite);
  --color-error: #9c3d36;

  --font-heading: 'Cormorant Garamond', Georgia, serif;
  --font-body: 'Montserrat', Arial, sans-serif;

  --container-width: 1120px;
  --container-narrow: 760px;
  --radius-small: 12px;
  --radius-medium: 24px;
  --radius-large: 42px;
  --radius-pill: 999px;

  --shadow-soft: 0 18px 50px rgba(90, 109, 90, 0.14);
  --shadow-deep: 0 24px 70px rgba(34, 43, 35, 0.26);

  --space-1: clamp(0.45rem, 0.35rem + 0.35vw, 0.75rem);
  --space-2: clamp(0.8rem, 0.65rem + 0.45vw, 1.15rem);
  --space-3: clamp(1.2rem, 1rem + 0.8vw, 1.9rem);
  --space-4: clamp(1.8rem, 1.4rem + 1.4vw, 3rem);
  --space-5: clamp(2.8rem, 2rem + 2.4vw, 5rem);
  --space-6: clamp(4.5rem, 3.5rem + 4vw, 8rem);

  --transition-fast: 180ms ease;
  --transition-medium: 420ms cubic-bezier(0.2, 0.75, 0.25, 1);
}