/* ============================================================
   DocsPortal — tokens de color. UNICO sitio del portal donde se
   escribe un color literal.

   Regla (docs/design-system.md): ninguna pantalla, componente ni
   bloque <style> pone un hex de marca. Todo sale de aqui.

   La paleta es el indigo del portal actual (--dp-primary: #3f51b5
   en DocsPortal/wwwroot/site.css), extendido a una rampa completa
   para que Radzen y el sistema mui-* tengan de donde tirar.
   ============================================================ */

:root:root {
    /* ---------- Rampa de marca (indigo) ---------- */
    --dp-primary: #3F51B5;
    --dp-primary-light: #7986CB;
    --dp-primary-lighter: #E8EAF6;
    --dp-primary-dark: #303F9F;
    --dp-primary-darker: #283593;
    --dp-primary-rgb: 63, 81, 181;

    /* ---------- Superficies y texto ---------- */
    --dp-canvas: #F7F8FC;
    --dp-surface: #FFFFFF;
    --dp-fg: #1F2430;
    --dp-muted: #5B6472;
    --dp-line: #E5E7EB;
    --dp-code-bg: #F5F6FA;

    /* Tipografia base. Sin esto el navegador cae a su serif por defecto y el portal se ve
       como un documento de Word: las pantallas de cuenta traian su propia fuente y el resto
       de la aplicacion se quedaba sin ninguna. */
    --dp-font: "Segoe UI", system-ui, -apple-system, Roboto, "Helvetica Neue", Arial, sans-serif;
    --dp-font-mono: "Cascadia Mono", Consolas, "SF Mono", Menlo, monospace;

    /* ---------- Semanticos ---------- */
    --dp-ok: #16A34A;
    --dp-danger: #DC2626;
    --dp-danger-ink: #991B1B;
    --dp-danger-bg: #FEF2F2;
    --dp-danger-line: #FECACA;

    /* ---------- Puente con el sistema mui-* ----------
       modular-ui.css solo consume --bs-theme y --bs-theme-rgb; en
       Modular.Server los define brand-theme.css. Aqui los sirve la
       marca del portal, para no arrastrar el azul del ERP. */
    --bs-theme: var(--dp-primary);
    --bs-theme-rgb: var(--dp-primary-rgb);

    /* ---------- Puente con Radzen ----------
       Solo se remapea la rampa PRIMARIA; los colores semanticos
       (success/info/warning/danger) del tema se dejan intactos. */
    --rz-primary: var(--dp-primary);
    --rz-primary-light: var(--dp-primary-light);
    --rz-primary-lighter: var(--dp-primary-lighter);
    --rz-primary-dark: var(--dp-primary-dark);
    --rz-primary-darker: var(--dp-primary-darker);

    /* El fondo del cuerpo tambien en Radzen: la consola lo pinta el, no el body,
       asi que sin esto el portal quedaba blanco y /admin seguia gris azulado. */
    --rz-body-background-color: var(--dp-surface);
}

/* El fondo es BLANCO. --dp-canvas se queda como tinte sutil -encabezados de tabla,
   hover del arbol de navegacion-, que es otro trabajo distinto del fondo de pagina. */
body {
    background: var(--dp-surface);
    color: var(--dp-fg);
    font-family: var(--dp-font);
}

code,
pre,
kbd,
samp {
    font-family: var(--dp-font-mono);
}