/* Design tokens — CSS custom properties */
:root {
    /* Colors */
    --color-green: #216334;
    --color-green-light: #2d7a42;
    --color-copper: #c97a3a;
    --color-copper-light: #d4935e;
    --color-charcoal: #333333;
    --color-cream: #fdf8f0;
    --color-cream-dark: #f7f0e4;
    --color-white: #ffffff;
    --color-grey-light: #e0e0e0;
    --color-grey-placeholder: #767676;
    --color-error: #c0392b;

    /* Fonts */
    --font-primary: 'Montserrat', sans-serif;
    --font-display: 'Cormorant Garamond', serif;

    /* Font sizes */
    --fs-heading: 28px;
    --fs-section: 20px;
    --fs-body: 16px;
    --fs-footer: 14px;

    /* Spacing */
    --space-xs: 0.5rem;
    --space-sm: 1rem;
    --space-md: 1.5rem;
    --space-lg: 2.5rem;
    --space-xl: 4rem;

    /* Layout */
    --container-max: 960px;
    --container-padding: 1.5rem;
}