:root {
    /* Colours */
    --color-primary: #69000d;
    --color-primary-dark: #410007;
    --color-primary-soft: #8a1d27;
    --color-gold: #c39a50;
    --color-gold-light: #dec287;
    --color-cream: #fff7dc;
    --color-sand: #d8b77b;
    --color-brown: #3a1c0f;
    --color-white: #fff;
    --color-black: #130b08;

    /* Typography */
    --font-script: 'Great Vibes', cursive;
    --font-serif: 'Cormorant Garamond', Georgia, serif;
    --font-body: 'Montserrat', Arial, sans-serif;

    --font-size-xs: 0.75rem;
    --font-size-sm: 0.875rem;
    --font-size-base: 1rem;
    --font-size-lg: 1.25rem;
    --font-size-h3: clamp(1.8rem, 4vw, 2.8rem);
    --font-size-h2: clamp(2.7rem, 7vw, 5rem);
    --font-size-h1: clamp(4.5rem, 12vw, 9.5rem);

    /* Spacing */
    --space-1: 0.5rem;
    --space-2: 1rem;
    --space-3: 1.5rem;
    --space-4: 2rem;
    --space-5: 2.5rem;
    --space-6: 4rem;
    --space-7: 6rem;
    --space-8: 8rem;

    /* Layout */
    --container-width: 82rem;
    --content-width: 66rem;
    --header-height: 6.5rem;

    /* Shape and effects */
    --radius-sm: 0.5rem;
    --radius-md: 1rem;
    --radius-lg: 1.5rem;
    --radius-pill: 999px;
    --shadow-soft: 0 1.25rem 3.5rem rgb(24 4 5 / 20%);
    --shadow-header: 0 0.75rem 2rem rgb(0 0 0 / 18%);
    --transition-fast: 160ms ease;
    --transition-base: 240ms ease;
}