/* ============================================
GLOBAL CSS VARIABLES
   Centralized design tokens for consistency
 ============================================ */

:root {
    /* ===== GRADIENTS ===== */
    --gradient-primary: linear-gradient(135deg, #1e3c72 0%, #2a5298 100%);
    --gradient-primary-extended: linear-gradient(135deg, #1e3c72 0%, #2a5298 50%, #7e8ba3 100%);
    --gradient-purple: linear-gradient(135deg, #667eea 0%, #764ba2 100%);
    --gradient-pink: linear-gradient(135deg, #f093fb 0%, #f5576c 100%);
    /* ===== PRIMARY COLORS ===== */
    --color-primary-dark: #1e3c72;
    --color-primary-main: #2a5298;
    --color-primary-light: #7e8ba3;
    /* ===== ACCENT COLORS ===== */
    --color-accent-purple-start: #667eea;
    --color-accent-purple-end: #764ba2;
    /* ===== BORDER RADIUS ===== */
    --radius-sm: 5px;
    --radius-md: 8px;
    --radius-lg: 12px;
    --radius-xl: 15px;
    --radius-pill: 50%;
    /* ===== SHADOWS ===== */
    --shadow-sm: 0 1px 3px rgba(0, 0, 0, 0.05);
    --shadow-md: 0 4px 12px rgba(0, 0, 0, 0.1);
    --shadow-lg: 0 10px 30px rgba(0, 0, 0, 0.2);
    --shadow-xl: 0 10px 30px rgba(0, 0, 0, 0.3);
    /* ===== TRANSITIONS ===== */
    --transition-fast: 0.2s ease;
    --transition-normal: 0.3s ease;
    --transition-slow: 0.6s ease;
    --transition-all: all 0.3s ease;
    /* ===== SPACING ===== */
    --spacing-xs: 0.25rem;
    --spacing-sm: 0.5rem;
    --spacing-md: 1rem;
    --spacing-lg: 1.5rem;
    --spacing-xl: 2rem;
    /* ===== FONT SIZES ===== */
    --font-size-xs: 0.75rem;
    --font-size-sm: 0.85rem;
    --font-size-base: 1rem;
    --font-size-lg: 1.25rem;
    --font-size-xl: 1.5rem;
    /* ===== Z-INDEX ===== */
    --z-dropdown: 1000;
    --z-sticky: 1020;
    --z-fixed: 1030;
    --z-modal-backdrop: 1040;
    --z-modal: 1050;
    --z-popover: 1060;
    --z-tooltip: 1070;
    --z-cookie-banner: 9999;
}