/* =============================================================================
   Bootstrap → Design System bridge
   Carga DESPUÉS de design-system/tokens.css y DESPUÉS de theme.min.css.
   Única fuente de verdad de color/tipografía: los tokens del DS.
   Este archivo solo mapea variables de Bootstrap/Front a tokens del DS para
   que las vistas aún NO migradas (que siguen con markup .card .btn .table del
   template) hereden la paleta correcta hasta ser reescritas con .ix-*.
   Removible al terminar la migración.
   ============================================================================= */

/* Fuente principal: WesFY de la marca Industronic. Outfit queda como fallback
   (lo importa components/bundle.css desde Google Fonts). */
:root {
    --font-sans: "WesFY", "Outfit", "Segoe UI", system-ui, sans-serif;
}

/* -------- Light mode (default) -------- */
:root, [data-theme="light"] {
    /* Superficies y texto */
    --bs-body-bg:                  var(--surface-0);
    --bs-body-bg-rgb:              245, 247, 250;
    --bs-body-color:               var(--ink);
    --bs-body-color-rgb:           27, 33, 48;
    --bs-border-color:             var(--border);
    --bs-border-color-translucent: var(--border);

    /* Grises Bootstrap → escala del DS */
    --bs-gray-100: var(--surface-200);
    --bs-gray-200: var(--surface-200);
    --bs-gray-300: var(--border);
    --bs-gray-400: var(--border-strong);
    --bs-gray-500: var(--ink-subtle);
    --bs-gray-600: var(--ink-muted);
    --bs-gray-700: var(--ink-muted);
    --bs-gray-800: var(--ink);
    --bs-gray-900: var(--ink);
    --bs-gray:      var(--ink-muted);
    --bs-gray-dark: var(--ink);

    /* Semánticos — hex y RGB alineados a los tokens del DS */
    --bs-primary:     var(--brand);
    --bs-primary-rgb: 22, 64, 214;

    --bs-success:     var(--accent-strong);
    --bs-success-rgb: 8, 120, 94;

    --bs-warning:     var(--warning);
    --bs-warning-rgb: 245, 168, 85;

    --bs-danger:      var(--danger);
    --bs-danger-rgb:  212, 42, 79;

    --bs-info:        var(--brand);
    --bs-info-rgb:    22, 64, 214;

    --bs-secondary:     var(--slate);
    --bs-secondary-rgb: 95, 110, 132;

    --bs-light:     var(--surface-100);
    --bs-light-rgb: 255, 255, 255;

    --bs-dark:     var(--ink);
    --bs-dark-rgb: 27, 33, 48;

    /* Links */
    --bs-link-color:        var(--brand);
    --bs-link-color-rgb:    22, 64, 214;
    --bs-link-hover-color:  var(--brand);
}

/* -------- Dark mode --------
   Las variables del DS ya cambian solas vía [data-theme="dark"] en tokens.css,
   pero algunas RGB necesitan valores literales para utilidades Bootstrap. */
[data-theme="dark"] {
    --bs-body-bg-rgb:    15, 19, 26;
    --bs-body-color-rgb: 238, 241, 246;
    --bs-primary-rgb:    63, 99, 242;
    --bs-success-rgb:    18, 201, 160;
    --bs-warning-rgb:    245, 178, 107;
    --bs-danger-rgb:     255, 107, 136;
    --bs-light-rgb:      23, 28, 37;
    --bs-dark-rgb:       238, 241, 246;
}

/* Font-family global aplicada al body — custom.css ya la fuerza con !important,
   esta regla sirve solo si algún día quitamos ese !important. */
body {
    font-family: var(--font-sans);
    background-color: var(--surface-0);
    color: var(--ink);
}

/* Swap de logo según tema — reemplaza el mecanismo data-hs-theme-appearance */
[data-theme="light"] [data-theme-logo="dark"],
[data-theme="dark"]  [data-theme-logo="light"] { display: none; }

/* Selección de texto con colores de marca (reemplaza el azul default del browser) */
::selection {
    background: var(--brand-soft);
    color: var(--ink);
}
[data-theme="dark"] ::selection {
    background: var(--brand);
    color: var(--on-brand);
}