/* archivo: /assets/css/tokens.css
   TallerPro — Tokens de diseño (rediseño "industrial / taller", ADR-024):
   grafito + naranja seguridad. El acento naranja es SOLO para acciones y
   navegación activa; los estados usan su propia paleta semántica.
   El dark mode va por [data-bs-theme="dark"] (lo alterna el navbar).
   Módulo: Assets | Creado: 03-07-2026 | Última modificación: 04-07-2026 */

:root,
[data-bs-theme="light"] {
    /* ---- Marca / acento (naranja seguridad) ---- */
    --tp-accent: #ee7a08;
    --tp-accent-hover: #d76c00;
    --tp-accent-ink: #ffffff;
    --tp-accent-soft: #fce7cf;
    --tp-accent-soft-ink: #9a4f07;

    /* ---- Neutrales grafito-cálidos (elegidos, no por defecto) ---- */
    --tp-ground: #f1efec;      /* fondo de la app */
    --tp-surface: #ffffff;     /* tarjetas, menús, modales */
    --tp-surface-2: #f6f4f1;   /* campos, cabeceras suaves */
    --tp-ink: #1b1e24;         /* texto principal / grafito */
    --tp-ink-2: #565c67;       /* texto secundario */
    --tp-ink-3: #8b909b;       /* texto terciario */
    --tp-line: #e4e1dc;        /* bordes */
    --tp-line-strong: #d3cfc8;

    /* ---- Chasis (sidebar grafito) ---- */
    --tp-sidebar-bg: #1b1e24;
    --tp-sidebar-bg-2: #23272f;
    --tp-sidebar-color: #b7bcc7;
    --tp-sidebar-dim: #7d838f;
    --tp-sidebar-line: rgba(255, 255, 255, 0.07);

    /* ---- Layout ---- */
    --tp-sidebar-width: 250px;
    --tp-navbar-height: 60px;
    --tp-radius: 0.55rem;
    --tp-touch-target: 44px;
    --tp-shadow-sm: 0 1px 2px rgba(20, 22, 28, 0.06);
    --tp-shadow: 0 1px 2px rgba(20, 22, 28, 0.05), 0 10px 26px -16px rgba(20, 22, 28, 0.28);
    --tp-shadow-lg: 0 2px 4px rgba(20, 22, 28, 0.06), 0 22px 48px -20px rgba(20, 22, 28, 0.35);

    /* =====================================================================
       Puente hacia Bootstrap 5.3 (reskin sin recompilar Sass)
       ===================================================================== */
    --bs-primary: var(--tp-accent);
    --bs-primary-rgb: 238, 122, 8;
    --bs-primary-text-emphasis: #8f4a06;
    --bs-primary-bg-subtle: var(--tp-accent-soft);
    --bs-primary-border-subtle: #f6cca0;

    --bs-link-color: #c15f00;
    --bs-link-color-rgb: 193, 95, 0;
    --bs-link-hover-color: #93490a;
    --bs-link-hover-color-rgb: 147, 73, 10;

    --bs-body-bg: var(--tp-ground);
    --bs-body-bg-rgb: 241, 239, 236;
    --bs-body-color: var(--tp-ink);
    --bs-body-color-rgb: 27, 30, 36;
    --bs-emphasis-color: #0f1115;
    --bs-emphasis-color-rgb: 15, 17, 21;
    --bs-secondary-color: #545a64;   /* texto secundario legible sobre claro */
    --bs-secondary-color-rgb: 84, 90, 100;
    --bs-secondary-bg: #e7e4df;
    --bs-tertiary-color: #6c727c;
    --bs-tertiary-bg: var(--tp-surface-2);
    --bs-heading-color: #10131a;

    --bs-border-color: var(--tp-line);
    --bs-border-color-translucent: rgba(20, 22, 28, 0.1);
    --bs-border-radius: var(--tp-radius);
    --bs-border-radius-sm: 0.4rem;
    --bs-border-radius-lg: 0.8rem;
    --bs-border-radius-xl: 1rem;

    /* Semánticos afinados a la paleta cálida (badges/estados y KPIs) */
    --bs-success: #1f9d57; --bs-success-rgb: 31, 157, 87;
    --bs-success-text-emphasis: #0f6a39; --bs-success-bg-subtle: #dcf2e4; --bs-success-border-subtle: #b3e0c6;
    --bs-info: #3f82c9; --bs-info-rgb: 63, 130, 201;
    --bs-info-text-emphasis: #275f97; --bs-info-bg-subtle: #dcebf7; --bs-info-border-subtle: #b6d4ee;
    --bs-warning: #e6a100; --bs-warning-rgb: 230, 161, 0;
    --bs-warning-text-emphasis: #875f00; --bs-warning-bg-subtle: #f9ecc8; --bs-warning-border-subtle: #f2da97;
    --bs-danger: #d64545; --bs-danger-rgb: 214, 69, 69;
    --bs-danger-text-emphasis: #9a2a2a; --bs-danger-bg-subtle: #f7dede; --bs-danger-border-subtle: #eeb9b9;

    --bs-body-font-family: system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
    --bs-body-font-size: 0.95rem;
}

[data-bs-theme="dark"] {
    --tp-accent: #ff9838;
    --tp-accent-hover: #ffab5c;
    --tp-accent-ink: #1b1206;
    --tp-accent-soft: #3a2a12;
    --tp-accent-soft-ink: #ffb367;

    --tp-ground: #121419;
    --tp-surface: #1b1e24;
    --tp-surface-2: #21252d;
    --tp-ink: #e9eaed;
    --tp-ink-2: #a7acb6;
    --tp-ink-3: #767c88;
    --tp-line: #2b2f38;
    --tp-line-strong: #363b45;

    --tp-sidebar-bg: #0e1014;
    --tp-sidebar-bg-2: #171a21;
    --tp-sidebar-color: #aab0bd;
    --tp-sidebar-dim: #6b7280;
    --tp-sidebar-line: rgba(255, 255, 255, 0.06);

    --tp-shadow-sm: 0 1px 2px rgba(0, 0, 0, 0.3);
    --tp-shadow: 0 1px 2px rgba(0, 0, 0, 0.3), 0 12px 30px -16px rgba(0, 0, 0, 0.6);
    --tp-shadow-lg: 0 2px 4px rgba(0, 0, 0, 0.4), 0 24px 50px -20px rgba(0, 0, 0, 0.7);

    --bs-primary: var(--tp-accent);
    --bs-primary-rgb: 255, 152, 56;
    --bs-primary-text-emphasis: #ffb367;
    --bs-primary-bg-subtle: var(--tp-accent-soft);
    --bs-primary-border-subtle: #5a3f17;

    --bs-link-color: #ff9838;
    --bs-link-color-rgb: 255, 152, 56;
    --bs-link-hover-color: #ffb367;
    --bs-link-hover-color-rgb: 255, 179, 103;

    --bs-body-bg: var(--tp-ground);
    --bs-body-bg-rgb: 18, 20, 25;
    --bs-body-color: var(--tp-ink);
    --bs-body-color-rgb: 233, 234, 237;
    --bs-emphasis-color: #ffffff;
    --bs-emphasis-color-rgb: 255, 255, 255;
    --bs-secondary-color: rgba(233, 234, 237, 0.65);
    --bs-secondary-bg: #262a31;
    --bs-tertiary-color: rgba(233, 234, 237, 0.5);
    --bs-tertiary-bg: var(--tp-surface-2);
    --bs-heading-color: #f3f4f6;

    --bs-border-color: var(--tp-line);
    --bs-border-color-translucent: rgba(255, 255, 255, 0.1);

    --bs-success-bg-subtle: #123626; --bs-success-text-emphasis: #5fd699; --bs-success-border-subtle: #1c5138;
    --bs-info-bg-subtle: #152c40; --bs-info-text-emphasis: #7db6ea; --bs-info-border-subtle: #234b6b;
    --bs-warning-bg-subtle: #3a2f10; --bs-warning-text-emphasis: #e9be5f; --bs-warning-border-subtle: #574719;
    --bs-danger-bg-subtle: #3a1e1e; --bs-danger-text-emphasis: #eb8a8a; --bs-danger-border-subtle: #5c2e2e;
}