:root {
  /* Update brand colours here for future brands or seasonal campaigns. */
  --colour-page: #fbf7f1;
  --colour-panel: #ffffff;
  --colour-panel-soft: #f4ece4;
  --colour-ink: #201826;
  --colour-muted: #665b6d;
  --colour-brand: #21102f;
  --colour-brand-strong: #12071d;
  --colour-rose: #8a3f5a;
  --colour-gold: #c99a3b;
  --colour-gold-soft: #f3dfae;
  --colour-border: rgba(33, 16, 47, 0.16);
  --colour-shadow: rgba(33, 16, 47, 0.14);

  /* Update fonts and spacing here. */
  --font-display: Georgia, "Times New Roman", serif;
  --font-body: Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  --space-page: clamp(1rem, 4vw, 2rem);
  --space-section: clamp(1.75rem, 5vw, 3.5rem);
  --radius-small: 0.75rem;
  --radius-medium: 1rem;
  --radius-large: 1.5rem;

  /* Update shared button and card styling here. */
  --button-radius: 999px;
  --button-bg: var(--colour-brand);
  --button-text: #ffffff;
  --button-hover-bg: var(--colour-brand-strong);
  --card-radius: var(--radius-large);
  --card-border: 1px solid var(--colour-border);
  --card-shadow: 0 1.25rem 3.25rem var(--colour-shadow);
}