/* ============================================================================
 * DESIGN SYSTEM AUAS — TOKENS DE COLOR
 * ----------------------------------------------------------------------------
 * Tokens derivados de los colores REALES ya usados en producción.
 * Fuente de verdad: apps/static/assets/PHOSIS/css/style-preset.css
 *                    apps/static/assets/PHOSIS/css/style.css
 *                    bootstrap.min.css v5.3.2 (semánticos NO redefinidos)
 *
 * REGLA: ningún color nuevo. Cada valor de este archivo ya existe en el
 * producto. Los tokens --ui-* son ALIAS SEMÁNTICOS sobre esos valores.
 *
 * NO modificar el tema por company. Este archivo solo define alias.
 * ========================================================================= */

:root,
[data-bs-theme="light"],
[data-pc-preset="PHOSIS"],
[data-pc-preset="MINSAIT"],
[data-pc-preset="TECNIDRONES"] {

  /* ==========================================================================
   * 1. MARCA / PRIMARY
   * Escala extraída de PHOSIS/style-preset.css con conteo de frecuencia real.
   * #04a9f5 aparece 47 veces — es el color de marca por definición.
   * ========================================================================== */
  --ui-primary:            #04a9f5;  /* 47 usos — --bs-primary, --bs-blue */
  --ui-primary-rgb:        4, 169, 245;
  --ui-primary-hover:      #0387c4;  /*  9 usos — --bs-link-hover-color */
  --ui-primary-active:     #037fb8;  /*  1 uso  — --bs-btn-active-border-color */
  --ui-primary-light:      #e6f6fe;  /* 15 usos — --bs-primary-light */
  --ui-primary-muted:      #63ccfc;  /*  4 usos — bordes/hover suaves */
  --ui-primary-subtle:     #cdeefd;  /*  2 usos — superficies muy claras */
  --ui-primary-border:     #b4e5fc;  /*  1 uso  — borde claro */
  --ui-primary-disabled:   #7cd4fd;  /*  2 usos — estados deshabilitados */

  /* ==========================================================================
   * 2. SEMÁNTICOS DE ESTADO
   * Heredados de Bootstrap 5.3.2. NO redefinir — ya son el estándar visual.
   * Fuente: bootstrap.min.css --bs-danger / --bs-warning / --bs-success
   * ========================================================================== */
  --ui-danger:             #dc3545;  /* Bootstrap 5.3.2 */
  --ui-danger-rgb:         220, 53, 69;
  --ui-warning:            #ffc107;  /* Bootstrap 5.3.2 — requiere text-dark */
  --ui-warning-rgb:        255, 193, 7;
  --ui-success:            #198754;  /* Bootstrap 5.3.2 */
  --ui-success-rgb:        25, 135, 84;
  --ui-info:               #0dcaf0;  /* Bootstrap 5.3.2 */
  --ui-info-rgb:           13, 202, 240;
  --ui-secondary:          #6c757d;  /* Bootstrap 5.3.2 */
  --ui-secondary-rgb:      108, 117, 125;

  /* ==========================================================================
   * 3. SUPERFICIES Y FONDO
   * --ui-bg-app es #f4f7fa en PHOSIS (NO #fff — ver auditoría §6.5.5).
   * ========================================================================== */
  --ui-bg-app:             #f4f7fa;  /* --bs-body-bg en PHOSIS */
  --ui-bg-app-rgb:         244, 247, 250;
  --ui-bg-surface:         #ffffff;  /* tarjetas, modales */
  --ui-bg-muted:           #f3f5f7;  /* --pc-active-background */
  --ui-bg-subtle:          #f1f5f9;  /* fondos de control en login oscuro */

  /* ==========================================================================
   * 4. TEXTO
   * ========================================================================== */
  --ui-text:               #1d2630;  /* --pc-heading-color */
  --ui-text-secondary:     #5b6b79;  /* --pc-header-color */
  --ui-text-muted:         #a9b7d0;  /* --pc-sidebar-color */
  --ui-text-inverse:       #ffffff;
  --ui-text-link:          #04a9f5;  /* --bs-link-color */
  --ui-text-link-hover:    #0387c4;  /* --bs-link-hover-color */

  /* ==========================================================================
   * 5. BORDES
   * ========================================================================== */
  --ui-border:             #dee2e6;  /* Bootstrap --bs-border-color */
  --ui-border-subtle:      #eaeef3;  /* usado por time-picker-24.css */
  --ui-border-strong:      #3f4d67;  /* --pc-sidebar-background (oscuro) */

  /* ==========================================================================
   * 6. SOMBRAS — valores reales de PHOSIS/style.css
   * ========================================================================== */
  --ui-shadow-card:        0 1px 20px 0 rgba(69, 90, 100, .08);
  --ui-shadow-focus-ring:  0 0 0 0.2rem rgba(4, 169, 245, 0.25);
  --ui-shadow-focus-thin:  0 0 0 0.2rem rgba(4, 169, 245, 0.2);
  --ui-shadow-focus-thick: 0 0 0 1px #fff, 0 0 0 3px rgba(4, 169, 245, 0.4);
  --ui-shadow-dropdown:    0 8px 32px rgba(0, 0, 0, 0.4);

  /* ==========================================================================
   * 7. SIDEBAR (tokens --pc-* ya consolidados bajo namespace --ui-*)
   * ========================================================================== */
  --ui-sidebar-bg:            #3f4d67;
  --ui-sidebar-color:         #a9b7d0;
  --ui-sidebar-active:        #04a9f5;
  --ui-sidebar-active-bg:     rgba(0, 0, 0, 0.1);
  --ui-sidebar-caption:       #e8edf7;
  --ui-sidebar-shadow:        1px 0 20px 0 #3f4d67;

  /* ==========================================================================
   * 8. TEMA OSCURO (login PHOSIS — única variante oscura real del producto)
   * Extraído de [data-pc-preset=PHOSIS] .auth-main .auth-wrapper.v1
   * Aplica solo a superficies de autenticación. No es un dark mode global.
   * ========================================================================== */
  --ui-dark-bg:             rgba(30, 30, 30, 0.95);
  --ui-dark-input-bg:       #2d2d2d;
  --ui-dark-input-hover:    #3a3a3a;
  --ui-dark-select-bg:      #4a4a4a;
  --ui-dark-select-border:  #5a5a5a;
  --ui-dark-border:         rgba(255, 255, 255, 0.1);
  --ui-dark-border-strong:  rgba(255, 255, 255, 0.15);
  --ui-dark-text-muted:     rgba(255, 255, 255, 0.5);
  --ui-dark-text-secondary: rgba(255, 255, 255, 0.7);

  /* ==========================================================================
   * 9. DATA TABLES
   * --ui-dt-row-selected DEBE ser el azul de marca.
   * BUG CONOCIDO (auditoría §4.2): los style-preset.css de MINSAIT/PHOSIS/
   * TECNIDRONES fijan 214,214,214 (gris) en vez de 4,169,245 (azul).
   * Este token es el valor CORRECTO. Corregir en los presets, no aquí.
   * ========================================================================== */
  --ui-dt-row-selected:     4, 169, 245;
}

/* ============================================================================
 * VARIANTE DE TEMA OSCURO
 * Solo para superficies de autenticación (login PHOSIS).
 * NO aplicar a la aplicación completa.
 * ========================================================================= */
[data-ui-theme="dark"] {
  --ui-bg-app:             #1e1e1e;
  --ui-bg-surface:         var(--ui-dark-bg);
  --ui-text:               #ffffff;
  --ui-text-secondary:     var(--ui-dark-text-secondary);
  --ui-text-muted:         var(--ui-dark-text-muted);
  --ui-border:             var(--ui-dark-border-strong);
}