:root {
    /* Base sizing */
    --base-font-size: 16px;

    /* Spacing scale */
    --space-xs: 0.5rem;   /* 8px */
    --space-sm: 1rem;     /* 16px */
    --space-md: 1.5rem;   /* 24px */
    --space-lg: 2.25rem;  /* 36px */
    --space-xl: 3.75rem;  /* 60px */

    /* Typography scale */
    --text-xs: 1.125rem;  /* 18px */
    --text-sm: 1.5rem;    /* 24px */
    --text-md: 1.75rem;   /* 28px */
    --text-hero: clamp(2rem, 8vw + 0.67rem, 4.61rem); /* 67% of 48px-110px = 32px-73.7px */

    /* Sizing */
    --btn-height-sm: 3.25rem;  /* 52px */
    --btn-height-md: 4rem;     /* 64px */
    --btn-height-lg: 5.5rem;   /* 88px */

    /* Colors */
    --color-primary: #1C5B5D;
    --color-gradient-start: #F99522;
    --color-gradient-end: #FEE478;
    --color-ai-gradient-start: #01A196;
    --color-ai-gradient-end: #06BF84;
}