:root {
    --color-primary: #74B12F;
    --color-primary-light: #A4D65E;
    --color-brown: #745638;
    --color-background: #FCFAF6;
    --color-section: #F5F0E7;
    --color-text: #2F2F2F;
    --color-text-light: #666666;
    --color-white: #FFFFFF;
    --color-border: #E7DFD4;

    /* Semantic brand tokens: map existing palette to purpose so brand
       colors can be reassigned from one place without renaming usages. */
    --color-brand-primary: var(--color-primary);
    --color-brand-secondary: var(--color-brown);
    --color-brand-accent: var(--color-primary-light);

    --font-heading: "Manrope", sans-serif;
    --font-body: "Inter", sans-serif;

    --container-width: 1320px;
    --header-height: 80px;

    --radius-sm: 8px;
    --radius-md: 16px;
    --radius-lg: 24px;
    --radius-pill: 999px;

    --shadow-sm: 0 4px 15px rgba(0,0,0,0.06);
    --shadow-md: 0 10px 30px rgba(0,0,0,0.08);

    --transition: .3s ease;
}