/* =========================================
   SISTEMA DE DISEÑO NORTHLAND - VARIABLES
========================================= */
:root {
    /* 1. Paleta de Colores Principales */
    --color-primario: #FF6B00;    /* Naranja Northland */
    --color-secundario: #2C3E50;  /* Gris Carbón */
    --color-fondo: #F8F9FA;       /* Blanco Técnico */
    --color-texto: #333333;       /* Gris Oscuro para leer bien */

    /* 2. Colores de Estado (Feedback) */
    --color-exito: #27AE60;       /* Verde Operacional */
    --color-alerta: #E74C3C;      /* Rojo Peligro */

    /* 3. Sombras Profesionales (Efecto Elevación) */
    --sombra-suave: 0 4px 6px rgba(0, 0, 0, 0.1);
    --sombra-fuerte: 0 10px 15px rgba(0, 0, 0, 0.2);

    /* 4. Transiciones (Animaciones fluidas) */
    --transicion-rapida: all 0.3s ease-in-out;
}