/* Design tokens — CSS custom properties */
:root {
    /* Colors */
    --color-green: #4a6741;
    --color-copper: #c97a3a;
    --color-charcoal: #333333;
    --color-cream: #fdf8f0;
    --color-white: #ffffff;
    --color-grey-light: #e0e0e0;
    --color-grey-placeholder: #999999;

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

    /* Font sizes */
    --fs-heading: 18px;
    --fs-section: 16px;
    --fs-body: 14px;
    --fs-footer: 12px;

    /* 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;
}