/* Variables Globales - Design System */
:root {
    /* Colores */
    --primary-brand-main: #0D2B26;
    --accent-primary-cta: #C7FC57;
    --secondary: #5ED187;
    --ligth: #7CD183;
    --grey: #BABABA;
    --surface-white: #FFFFFF;
    --surface-accent-ligth: #E5F6E6;
    
    /* Tipografía */
    --font-primary: 'Galano Grotesque', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
    
    /* Espaciado */
    --spacing-xs: 8px;
    --spacing-sm: 16px;
    --spacing-md: 24px;
    --spacing-lg: 32px;
    --spacing-xl: 48px;
    --spacing-xl-dk: 80px;

    /* Border Radius */
    --radius-sm: 8px;
    --radius-md: 16px;
    --radius-lg: 24px;
    --radius-full: 9999px;

    /* Shadow */
    --box-shadow: 0px 0px 4.36px 0px #C7FC576B;
    --box-shadow-extra: 0px 0px 15px 0px #C7FC577D;
    --box-shadow-white: 0px 0px 12px 0px #FFFFFF40;
    --box-shadow-black: 0px 0px 32px 0px rgba(0, 0, 0, 0.13);
}