/* static/brand.css */

@import url('https://fonts.googleapis.com/css2?family=Montserrat:wght@700;800;900&family=DM+Sans:wght@400;500;700&display=swap');

:root {
    /* --- 1. PALETA OFICIAL DEL MANUAL [cite: 43, 44] --- */
    
    /* Principal (70%) */
    --color-moonstone:       #6C969D; /* [cite: 55] */
    
    /* Secundario (20%) */
    --color-space-cadet:     #232858; /* [cite: 56] */
    
    /* Acento (10%) */
    --color-amaranth:        #DDA3B2; /* [cite: 59] */
    
    /* Soporte */
    --color-platinum:        #E8E8E8; /* [cite: 60] */
    --color-eerie-black:     #1B1B1E; /* [cite: 61] */

    /* --- 2. VARIACIONES CALCULADAS (Para UI, Hovers y Bordes) --- */

    /* Variaciones de MOONSTONE (Para botones y estados activos) */
    --color-moonstone-light: #8BAEB4; /* Más claro */
    --color-moonstone-dark:  #5A7F85; /* Más oscuro (Hover) */
    
    /* Variaciones de SPACE CADET (Para tarjetas y fondos secundarios) */
    --color-space-light:     #31387A; /* Un poco más claro para que se vea sobre el negro */
    --color-space-dark:      #151835; /* Profundo */

    /* Variaciones de AMARANTH (Para alertas y detalles) */
    --color-amaranth-light:  #E8C2CD; 
    --color-amaranth-dark:   #C0788C;

    /* Variaciones de EERIE BLACK (Para capas de profundidad) */
    --color-eerie-light:     #2A2A2E; /* Para inputs o elementos sobre fondo negro */
}

/* 3. Estilos Globales Base */
body {
    background-color: #F3F4F6;      /* Un gris muy suave (Tailwind gray-100) en lugar de negro */
    color: var(--color-space-cadet); /* Texto principal en Azul Oscuro en lugar de platino */
    font-family: 'DM Sans', sans-serif;
}

/* Scrollbar Corporativa (Ajustada para fondo claro) */
::-webkit-scrollbar { width: 8px; }
::-webkit-scrollbar-track { background: #E5E7EB; }
::-webkit-scrollbar-thumb { background: var(--color-moonstone); border-radius: 10px; }
::-webkit-scrollbar-thumb:hover { background: var(--color-space-cadet); }

.modal-blur {
    backdrop-filter: blur(8px);
    background-color: rgba(35, 40, 88, 0.4); /* Más transparente */
}