:root {
    /* COLORES */
    --color-primary: #0d1e3c;
    --color-secondary: #e6af2a;
    --color-accent: #8A8D91;
    --color-success: #06A77D;
    --color-text: #2A2A2A;
    --color-text-light: #666666;
    --color-bg: #F5F5F5;
    --color-white: #FFFFFF;
    --color-border: #E0E0E0;
    
    /* TIPOGRAFÍA */
    --font-display: 'Playfair Display', serif;
    --font-body: 'Inter', sans-serif;
    --font-size-base: 16px;
    --line-height-base: 1.6;
    
    /* ESPACIADO */
    --space-xs: 0.5rem;
    --space-sm: 1rem;
    --space-md: 1.5rem;
    --space-lg: 2rem;
    --space-xl: 3rem;
    --space-2xl: 4rem;
    
    /* SOMBRAS */
    --shadow-sm: 0 2px 4px rgba(0, 0, 0, 0.1);
    --shadow-md: 0 4px 12px rgba(0, 0, 0, 0.15);
    --shadow-lg: 0 12px 24px rgba(0, 0, 0, 0.2);
    
    /* TRANSICIONES */
    --transition-fast: 0.2s ease-in-out;
    --transition-base: 0.3s ease-in-out;
    --transition-slow: 0.5s ease-in-out;
    
    /* BREAKPOINTS */
    --bp-mobile: 480px;
    --bp-tablet: 768px;
    --bp-desktop: 1024px;
    --bp-large: 1440px;
}