:root {
    /* Colores Principales (Azul Frío y Blanco) */
    --color-primary: #007bff;
    --color-primary-dark: #0056b3;
    --color-secondary: #f0f7ff; /* Celeste muy claro para fondos */
    --color-accent: #ffc107; /* Amarillo para detalles/alertas */
    
    /* Colores de Texto */
    --text-main: #2d3436;
    --text-light: #636e72;
    --text-white: #ffffff;
    
    /* Tipografía */
    --font-main: 'Roboto', sans-serif;
    
    /* Espaciados y Bordes */
    --container-width: 1200px;
    --border-radius: 8px;
    --transition: all 0.3s ease;
    --shadow: 0 4px 6px rgba(0,0,0,0.1);
}