:root {
    /* Colors */
    --teal: #4ECDC4;
    --teal-dark: #3DBDB5;
    --teal-light: #E5F9F7;
    --coral: #FF6B6B;
    --coral-dark: #FF5252;
    --coral-light: #FFF0F0;
    --dark: #2D3436;
    --gray-100: #F8F9FA;
    --gray-200: #E9ECEF;
    --gray-400: #9E9E9E;
    --gray-600: #636E72;
    --white: #FFFFFF;
    --gold: #FDCB6E;
    --green: #00B894;
    --green-light: #E8F5E9;
    --purple: #A29BFE;
    --purple-light: #F3E5F5;
    --blue: #74B9FF;
    --blue-light: #E3F2FD;

    /* Typography */
    --font-display: 'Archivo Black', sans-serif;
    --font-body: 'DM Sans', sans-serif;

    /* Transitions */
    --ease-out-expo: cubic-bezier(0.16, 1, 0.3, 1);

    /* Spacing */
    --space-xs: 0.5rem;
    --space-sm: 1rem;
    --space-md: 1.5rem;
    --space-lg: 2rem;
    --space-xl: 3rem;
    --space-2xl: 5rem;
}