:root {
    /* === COLOURS === */
    --color-green:        #2B5E2B;
    --color-green-dark:   #1e4420;
    --color-green-light:  #3a7a3a;
    --color-gold:         #C8903A;
    --color-cream:        #F5EFE0;
    --color-dark:         #1E1E1E;
    --color-white:        #ffffff;
    --color-border:       rgba(0, 0, 0, 0.07);

    /* === TYPOGRAPHY === */
    --font-heading:       'Playfair Display', Georgia, serif;
    --font-body:          'DM Sans', system-ui, sans-serif;

    /* === SPACING === */
    --space-xs:   4px;
    --space-sm:   8px;
    --space-md:   16px;
    --space-lg:   24px;
    --space-xl:   40px;
    --space-2xl:  56px;
    --space-3xl:  80px;

    /* === LAYOUT === */
    --container-max:  1200px;
    --container-pad:  clamp(16px, 4vw, 40px);
    --nav-height:     64px;
    --radius-sm:      2px;
    --radius-md:      4px;

    /* === SHADOWS === */
    --shadow-card:   0 2px 16px rgba(0, 0, 0, 0.06);
    --shadow-nav:    0 2px 12px rgba(0, 0, 0, 0.2);
    --shadow-modal:  0 8px 40px rgba(0, 0, 0, 0.15);

    /* === TRANSITIONS === */
    --transition-fast:    150ms ease;
    --transition-base:    250ms ease;
    --transition-slow:    400ms ease;

    /* === Z-INDEX === */
    --z-nav:     100;
    --z-overlay: 200;
    --z-modal:   300;
}