/* ==========================================
   1. VARIABLES Y PALETA DE COLORES
   ========================================== */
:root {
    /* Paleta extraida de la imagen */
    --color-blue-dark: #1F2E3D;   /* Azul marino oscuro (Sidebar activo, textos fuertes) */
    --color-blue-main: #2C4258;   /* Azul marino medio (Fondo de Sidebar y Login) */
    --color-green: #274E2D;       /* Verde bosque (Estados de pago, éxito) */
    --color-white: #FFFFFF;
    --color-bg-light: #F7F8F9;    /* Blanco humo (Fondo general del dashboard) */
    --color-gold: #D5B067;        /* Dorado (Botones primarios, detalles) */
    --color-gold-dark: #c29d55;   /* Dorado oscuro (Hover) */
    
    /* Colores de apoyo */
    --color-text-main: #333333;
    --color-text-muted: #6b7280;
    --color-border: #e5e7eb;
    --color-error: #ef4444;
    --color-warning: #f59e0b;
    
    --font-main: system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
    --transition-speed: 0.3s;
}