/* ============================================
   VARIABLES GLOBALES - VERSIÓN 2.0
============================================ */

:root {
    /* ===== PALETA CORPORATIVA ===== */
    --color-primary:        #0A2342;   /* Azul marino profundo */
    --color-primary-light:  #1A3A5C;   /* Azul marino medio */
    --color-secondary:      #C8972B;   /* Dorado corporativo */
    --color-secondary-light:#E5B84A;   /* Dorado claro */
    --color-accent:         #1E6FA8;   /* Azul acento */

    /* ===== NEUTROS ===== */
    --color-dark:           #0D0D0D;
    --color-gray-dark:      #2C2C2C;
    --color-gray:           #6B7280;
    --color-gray-light:     #E5E7EB;
    --color-light:          #F8F9FB;
    --color-white:          #FFFFFF;

    /* ===== ESTADOS ===== */
    --color-success:        #16A34A;
    --color-warning:        #D97706;
    --color-danger:         #DC2626;
    --color-info:           #0284C7;

    /* ===== TIPOGRAFÍA ===== */
    --font-main:      'Montserrat', sans-serif;
    --font-secondary: 'Open Sans', sans-serif;

    --font-size-xs:   11px;
    --font-size-sm:   13px;
    --font-size-base: 15px;
    --font-size-lg:   18px;
    --font-size-xl:   22px;
    --font-size-2xl:  28px;
    --font-size-3xl:  36px;
    --font-size-4xl:  48px;
    --font-size-5xl:  60px;

    --font-weight-light:     300;
    --font-weight-normal:    400;
    --font-weight-medium:    500;
    --font-weight-semibold:  600;
    --font-weight-bold:      700;
    --font-weight-extrabold: 800;

    /* ===== ESPACIADO ===== */
    --spacing-xs:   4px;
    --spacing-sm:   8px;
    --spacing-md:   12px;
    --spacing-lg:   20px;
    --spacing-xl:   32px;
    --spacing-2xl:  48px;
    --spacing-3xl:  72px;
    --spacing-4xl:  96px;

    /* ===== SOMBRAS ===== */
    --shadow-sm:  0 1px 4px rgba(0,0,0,0.06);
    --shadow-md:  0 4px 16px rgba(0,0,0,0.10);
    --shadow-lg:  0 12px 40px rgba(0,0,0,0.14);
    --shadow-xl:  0 24px 64px rgba(0,0,0,0.18);
    --shadow-gold: 0 8px 30px rgba(200,151,43,0.25);

    /* ===== BORDES ===== */
    --border-radius-sm:   4px;
    --border-radius-md:   8px;
    --border-radius-lg:   16px;
    --border-radius-xl:   24px;
    --border-radius-full: 9999px;

    /* ===== TRANSICIONES ===== */
    --transition-fast:   0.15s ease;
    --transition-normal: 0.3s ease;
    --transition-slow:   0.5s cubic-bezier(0.4, 0, 0.2, 1);
    --transition-slower: 0.8s cubic-bezier(0.4, 0, 0.2, 1);

    /* ===== LAYOUT ===== */
    --max-width: 1240px;

    /* ===== Z-INDEX ===== */
    --z-dropdown: 100;
    --z-sticky:   200;
    --z-fixed:    300;
    --z-modal:    1000;
}