/* ─────────────────────────────────────────────────────────────────────────────
   Sistema visual IA Mining — mismo lenguaje que el panel de eFridays:
   un set de tokens Material 3 y un remapeo de las variables de tema de Radzen
   (material-base.css) para que TODO el panel (login, maestros, plantillas)
   comparta la misma identidad visual, en vez del Radzen "material" por defecto.

   Se enlaza en App.razor DESPUÉS de <RadzenTheme> para ganar el override.
   ───────────────────────────────────────────────────────────────────────────── */

:root {
    /* Azul corporativo IA Mining (EventConstants.GrowthPrimary) */
    --iam-primary: #18428E;
    --iam-primary-container: #2A52BE;
    --iam-primary-dark: #0C2C68;
    --iam-on-primary: #FFFFFF;

    /* Estados */
    --iam-success: #1B6D24;
    --iam-success-container: #A0F399;
    --iam-danger: #8C000E;
    --iam-danger-container: #FFDAD6;
    --iam-warning: #B26A00;

    /* Neutros (temperatura fría, evita el gris "sucio") */
    --iam-background: #F9F9FF;
    --iam-surface: #FFFFFF;
    --iam-surface-container-low: #F3F3FC;
    --iam-surface-container: #EDEDF6;
    --iam-surface-container-high: #E7E7F0;
    --iam-on-surface: #191B22;
    --iam-on-surface-variant: #434653;
    --iam-outline: #747684;
    --iam-outline-variant: #C4C5D5;
}

/* Remapeo de Radzen → paleta IA Mining. Mismo criterio que site.css de eFridays:
   primary = azul, success = verde, danger = rojo, fondos y bordes neutros fríos. */
:root {
    --rz-primary: var(--iam-primary);
    --rz-primary-light: var(--iam-primary-container);
    --rz-primary-lighter: #E5EBFB;
    --rz-primary-dark: var(--iam-primary-dark);
    --rz-primary-darker: var(--iam-primary-dark);

    --rz-secondary: var(--iam-primary-container);
    --rz-secondary-light: var(--iam-primary-container);
    --rz-secondary-dark: var(--iam-primary);

    --rz-success: var(--iam-success);
    --rz-success-light: var(--iam-success-container);
    --rz-danger: var(--iam-danger);
    --rz-danger-light: var(--iam-danger-container);
    --rz-warning: var(--iam-warning);
    --rz-info: var(--iam-primary-container);

    --rz-text-color: var(--iam-on-surface);
    --rz-text-secondary-color: var(--iam-on-surface-variant);
    --rz-text-disabled-color: var(--iam-outline);

    --rz-border-color: var(--iam-outline-variant);
    --rz-border-radius: 8px;

    --rz-base-background-color: var(--iam-background);
    --rz-body-background-color: var(--iam-background);
    --rz-panel-background-color: var(--iam-surface);
    --rz-card-background-color: var(--iam-surface);
    --rz-sidebar-background-color: var(--iam-surface);
    --rz-header-background-color: var(--iam-surface);

    --rz-input-background-color: var(--iam-surface);
    --rz-input-border: 1px solid var(--iam-outline-variant);
}

body {
    background: var(--iam-background);
    color: var(--iam-on-surface);
}

/* Grupos de menú del sidebar */
.rz-panel-menu {
    --rz-panel-menu-item-color: var(--iam-on-surface-variant);
}