/* 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 {
    /* --- PALETA OFICIAL (idéntica a koainica.com — tema claro) --- */

    /* Antes "moonstone" (accento principal / botones) → azul primario de la web */
    --color-moonstone:       #1A3F75;

    /* Antes "space-cadet" (fondo de tarjetas/modales) → blanco */
    --color-space-cadet:     #FFFFFF;

    /* Antes "amaranth" (acento secundario) → violeta de la web */
    --color-amaranth:        #8A2BE2;

    /* Antes "platinum" (texto claro) → ahora texto oscuro principal */
    --color-platinum:        #00002A;

    /* Antes "eerie-black" (fondo más oscuro) → fondo claro / texto sobre botones */
    --color-eerie-black:     #FBFCFE;

    /* --- VARIACIONES CALCULADAS --- */

    --color-moonstone-light: #4C6993;
    --color-moonstone-dark:  #132F57; /* Hover de botones */

    --color-space-light:     #DCE6F1; /* Capa clara de contraste sobre tarjetas blancas */
    --color-space-dark:      #E5EAF1;

    --color-amaranth-light:  #A359E8;
    --color-amaranth-dark:   #6B21B0;

    --color-eerie-light:     #DCE6F1; /* Inputs / capas sutiles sobre fondo claro */
}

/* Estilos Globales Base */
body {
    background-color: #F3F4F6;
    color: var(--color-platinum);
    font-family: 'DM Sans', sans-serif;
}

/* Scrollbar Corporativa */
::-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-moonstone-dark); }

.modal-blur {
    backdrop-filter: blur(8px);
    background-color: rgba(0, 0, 42, 0.45);
}