/* ══════════════════════════════════════════════════════════════════════
 * tokens.css — GENERADO. NO EDITAR A MANO.
 *
 * Fuente: lib/provider/theme_provider.dart  (PcThemeColors)
 * Generado por: scripts/generar_tokens_css.php
 * Fecha: 24/08/2026 07:54
 *
 * Cualquier cambio hecho acá se pierde en la próxima corrida. Los colores
 * se cambian en el tema de la aplicación y se vuelve a generar — así la
 * paleta tiene UNA fuente de verdad y la web no puede derivar de la app.
 *
 * Tema claro = «Aqua Slate v5». Tema oscuro = «HUD Stark».
 * ══════════════════════════════════════════════════════════════════════ */

/* ── Tema CLARO (por defecto) ─────────────────────────────────────────── */
:root {
  --hp-accent-gold:            #FFAA00;
  --hp-aqua-btn:               #1E7BDF;
  --hp-border:                 #6E7482;
  --hp-brand-primary:          #1E7BDF;
  --hp-card-bg:                #C8CDD8;
  --hp-error-bg:               #FFEBEE;
  --hp-error-fg:               #EF4444;
  --hp-hover-bg:               #B0B6C2;
  --hp-info-bg:                #E3F2FD;
  --hp-info-fg:                #3B82F6;
  --hp-input-bg:               #D6DCE8;
  --hp-on-accent-gold:         #1A1D21;
  --hp-pos-card-image-bg:      #C8CDD8;
  --hp-scaffold-bg:            #B8BDC8;
  --hp-sidebar-accent-active:  #FFCC00;
  --hp-sidebar-accent-teal:    #00C9A7;
  --hp-sidebar-bg:             #A8ADBC;
  --hp-sidebar-divider:        #6E7482;
  --hp-sidebar-footer-toggle-bg: #8E94A6;
  --hp-sidebar-header-bg:      #9DA4B4;
  --hp-sidebar-hover-bg:       #9DA4B4;
  --hp-sidebar-section-label:  #5A6070;
  --hp-sidebar-sub-menu-bg:    #A2A8B8;
  --hp-sidebar-text-active:    #15181E;
  --hp-sidebar-text-inactive:  #3D4350;
  --hp-sidebar-user-name-color: #15181E;
  --hp-sidebar-user-role-color: #FFCC00;
  --hp-success-bg:             #E8F5E9;
  --hp-success-fg:             #10B981;
  --hp-table-header-bg:        #969BAA;
  --hp-table-row-odd:          #C0C5D0;
  --hp-text-placeholder:       #5A6070;
  --hp-text-primary:           #15181E;
  --hp-text-secondary:         #3D4350;
  --hp-warning-bg:             #FFF3E0;
  --hp-warning-fg:             #F59E0B;
}

/* ── Tema OSCURO ──────────────────────────────────────────────────────── */
/* Se activa con data-tema="oscuro" en <html>, o por preferencia del sistema. */
:root[data-tema="oscuro"] {
  --hp-accent-gold:            #FFAA00;
  --hp-aqua-btn:               #1E7BDF;
  --hp-border:                 #2A2D32;
  --hp-brand-primary:          #C52127;
  --hp-card-bg:                #1A1D21;
  --hp-error-bg:               #2D0A0A;
  --hp-error-fg:               #EF4444;
  --hp-hover-bg:               #25282D;
  --hp-info-bg:                #0A1A2D;
  --hp-info-fg:                #3B82F6;
  --hp-input-bg:               #151719;
  --hp-on-accent-gold:         #1A1D21;
  --hp-pos-card-image-bg:      #2D3139;
  --hp-scaffold-bg:            #121315;
  --hp-sidebar-accent-active:  #FFCC00;
  --hp-sidebar-accent-teal:    #3DDC97;
  --hp-sidebar-bg:             #0E1014;
  --hp-sidebar-divider:        #2C2A22;
  --hp-sidebar-footer-toggle-bg: #121419;
  --hp-sidebar-header-bg:      #0E1014;
  --hp-sidebar-hover-bg:       #1A1D22;
  --hp-sidebar-section-label:  #6E6855;
  --hp-sidebar-sub-menu-bg:    #1B1E24;
  --hp-sidebar-text-active:    #FFF6E6;
  --hp-sidebar-text-inactive:  #B8A668;
  --hp-sidebar-user-name-color: #FFF6E6;
  --hp-sidebar-user-role-color: #FFD95A;
  --hp-success-bg:             #052E16;
  --hp-success-fg:             #10B981;
  --hp-table-header-bg:        #151719;
  --hp-table-row-odd:          #151719;
  --hp-text-placeholder:       #6B7280;
  --hp-text-primary:           #FFFFFF;
  --hp-text-secondary:         #BCBEC4;
  --hp-warning-bg:             #2D1A00;
  --hp-warning-fg:             #F59E0B;
}

@media (prefers-color-scheme: dark) {
  :root:not([data-tema="claro"]) {
    --hp-accent-gold:            #FFAA00;
    --hp-aqua-btn:               #1E7BDF;
    --hp-border:                 #2A2D32;
    --hp-brand-primary:          #C52127;
    --hp-card-bg:                #1A1D21;
    --hp-error-bg:               #2D0A0A;
    --hp-error-fg:               #EF4444;
    --hp-hover-bg:               #25282D;
    --hp-info-bg:                #0A1A2D;
    --hp-info-fg:                #3B82F6;
    --hp-input-bg:               #151719;
    --hp-on-accent-gold:         #1A1D21;
    --hp-pos-card-image-bg:      #2D3139;
    --hp-scaffold-bg:            #121315;
    --hp-sidebar-accent-active:  #FFCC00;
    --hp-sidebar-accent-teal:    #3DDC97;
    --hp-sidebar-bg:             #0E1014;
    --hp-sidebar-divider:        #2C2A22;
    --hp-sidebar-footer-toggle-bg: #121419;
    --hp-sidebar-header-bg:      #0E1014;
    --hp-sidebar-hover-bg:       #1A1D22;
    --hp-sidebar-section-label:  #6E6855;
    --hp-sidebar-sub-menu-bg:    #1B1E24;
    --hp-sidebar-text-active:    #FFF6E6;
    --hp-sidebar-text-inactive:  #B8A668;
    --hp-sidebar-user-name-color: #FFF6E6;
    --hp-sidebar-user-role-color: #FFD95A;
    --hp-success-bg:             #052E16;
    --hp-success-fg:             #10B981;
    --hp-table-header-bg:        #151719;
    --hp-table-row-odd:          #151719;
    --hp-text-placeholder:       #6B7280;
    --hp-text-primary:           #FFFFFF;
    --hp-text-secondary:         #BCBEC4;
    --hp-warning-bg:             #2D1A00;
    --hp-warning-fg:             #F59E0B;
  }
}