/* =====================================================================
   Dragsa · Tokens de diseño
   Fuente única de color, tipografía, radios y sombras de toda la app.
   Se mapean sobre las variables de Bootstrap 5.3 (--bs-*) y de Radzen
   (--rz-*) para que todos los componentes existentes hereden la paleta.
   ":root:root" sube la especificidad por encima de bootstrap.css y del
   tema "material" de Radzen sin usar !important.
   ===================================================================== */

:root:root,
:root:root[data-bs-theme="light"] {
    /* --- Paleta --- */
    --dg-bg: #ffffff;
    /* Fondo de la página: gris muy claro, entre el blanco de las tarjetas y el gris de la barra superior */
    --dg-page: #f8f9fb;
    --dg-surface: #ffffff;
    --dg-surface-2: #f6f7f9;
    --dg-line: #e3e6ee;
    --dg-line-strong: #cfd4df;
    --dg-fg: #161a24;
    --dg-fg-2: #4b5263;
    --dg-fg-3: #7c8496;

    --dg-accent: #e8620c;
    --dg-accent-rgb: 232, 98, 12;
    --dg-accent-hover: #d0570a;
    --dg-accent-soft: #fdeee3;
    --dg-accent-fg: #b54a05;

    /* Acción principal (Guardar, Aceptar…): azul marino del logotipo, sobrio */
    --dg-primary: #24365c;
    --dg-primary-rgb: 36, 54, 92;
    --dg-primary-hover: #1a2846;
    --dg-primary-soft: #e8ecf5;
    --dg-primary-fg: #24365c;

    --dg-rail: #141821;
    --dg-rail-2: #1b202b;
    --dg-rail-fg: #d3d8e3;
    --dg-rail-title: #8a93a7;
    --dg-topbar: #e9ecf1;
    --dg-topbar-fg: var(--dg-fg);
    --dg-topbar-line: #d5dae3;
    --dg-topbar-chip: #ffffff;
    --dg-topbar-chip-hover: #f6f7f9;

    --dg-good: #1f8a5b;  --dg-good-soft: #e2f4ea;
    --dg-warn: #b7791f;  --dg-warn-soft: #fbf1dc;
    --dg-bad: #c9372c;   --dg-bad-soft: #fbe6e4;
    --dg-info: #2f63c9;  --dg-info-soft: #e6eefc;

    /* --- Tipografía --- */
    --dg-font: Arial, "Helvetica Neue", Helvetica, sans-serif;
    --dg-mono: "IBM Plex Mono", ui-monospace, "Cascadia Mono", Consolas, monospace;

    /* --- Forma --- */
    --dg-radius: 10px;
    --dg-radius-sm: 7px;
    --dg-shadow: 0 1px 2px rgba(20, 24, 33, .05), 0 4px 14px rgba(20, 24, 33, .04);
    --dg-rail-width: 240px;
    --dg-topbar-height: 3.5rem;

    /* --- Bootstrap --- */
    --bs-font-sans-serif: var(--dg-font);
    --bs-font-monospace: var(--dg-mono);
    --bs-body-font-family: var(--dg-font);
    --bs-body-font-size: .875rem;
    --bs-body-bg: var(--dg-bg);
    --bs-body-bg-rgb: 255, 255, 255;
    --bs-body-color: var(--dg-fg);
    --bs-secondary-color: var(--dg-fg-2);
    --bs-tertiary-color: var(--dg-fg-3);
    --bs-secondary-bg: var(--dg-surface-2);
    --bs-tertiary-bg: var(--dg-surface-2);
    --bs-border-color: var(--dg-line);
    --bs-border-radius: var(--dg-radius-sm);
    --bs-border-radius-lg: var(--dg-radius);
    --bs-primary: var(--dg-primary);
    --bs-primary-rgb: var(--dg-primary-rgb);
    --bs-primary-bg-subtle: var(--dg-primary-soft);
    --bs-primary-text-emphasis: var(--dg-primary-fg);
    --bs-link-color: var(--dg-primary-fg);
    --bs-link-color-rgb: var(--dg-primary-rgb);
    --bs-link-hover-color: var(--dg-primary-hover);
    --bs-focus-ring-color: rgba(var(--dg-primary-rgb), .25);

    /* --- Radzen --- */
    --rz-text-font-family: var(--dg-font);
    --rz-body-font-size: .875rem;
    --rz-primary: var(--dg-primary);
    --rz-primary-light: #3a5285;
    --rz-primary-lighter: var(--dg-primary-soft);
    --rz-primary-dark: var(--dg-primary-hover);
    --rz-primary-darker: #121d33;
    --rz-on-primary: #ffffff;
    --rz-base-background-color: var(--dg-bg);
    --rz-text-color: var(--dg-fg);
    --rz-text-secondary-color: var(--dg-fg-2);
    --rz-text-tertiary-color: var(--dg-fg-3);
    --rz-border-radius: var(--dg-radius-sm);
    --rz-grid-header-background-color: var(--dg-surface-2);
    --rz-grid-background-color: var(--dg-surface);
    --rz-grid-hover-background-color: var(--dg-surface-2);
    --rz-panel-background-color: var(--dg-surface);
    --rz-dialog-background-color: var(--dg-surface);
}

:root:root[data-bs-theme="dark"] {
    --dg-bg: #0e1118;
    --dg-page: #0b0e14;
    --dg-surface: #161a24;
    --dg-surface-2: #1b2030;
    --dg-line: #262c3b;
    --dg-line-strong: #343b4d;
    --dg-fg: #e8ebf2;
    --dg-fg-2: #b3bacb;
    --dg-fg-3: #7d869b;

    --dg-accent: #ff8a3d;
    --dg-accent-rgb: 255, 138, 61;
    --dg-accent-hover: #ff9d5c;
    --dg-accent-soft: #3a2416;
    --dg-accent-fg: #ffb07a;

    --dg-primary: #7d9be0;
    --dg-primary-rgb: 125, 155, 224;
    --dg-primary-hover: #95aeea;
    --dg-primary-soft: #1d2945;
    --dg-primary-fg: #a9bff0;

    --dg-rail: #0a0d13;
    --dg-rail-2: #161a24;
    --dg-topbar: #1b2030;
    --dg-topbar-line: #2c3344;
    --dg-topbar-chip: #232938;
    --dg-topbar-chip-hover: #2a3142;

    --dg-good: #4cc38a;  --dg-good-soft: #163527;
    --dg-warn: #e3b04b;  --dg-warn-soft: #3a2f17;
    --dg-bad: #f2766b;   --dg-bad-soft: #3d1f1d;
    --dg-info: #7aa5ff;  --dg-info-soft: #1a2747;

    --dg-shadow: 0 1px 2px rgba(0, 0, 0, .3);

    --bs-body-bg-rgb: 14, 17, 24;
    --bs-link-color-rgb: 169, 191, 240;
    color-scheme: dark;
}