/**
 * Helix Technologies - Brand palette for Backpack/Tabler
 *
 * Colores oficiales del Libro de Marca:
 *
 *   PRIMARIOS
 *   Verde Helix:    #00E5BC  -> success, info, acentos decorativos
 *   Azul Profundo:  #040019  -> referencia marca (no usado en superficies)
 *   Gris Claro:     #D9D9D9  -> bordes, fondos sutiles
 *
 *   SECUNDARIOS
 *   Morado Neon:    #8159FF  -> primary (botones, links, active states)
 *   Naranja Activo: #FF5118  -> warning
 *   Rosa Vibrante:  #FF4395  -> danger
 *
 *   SUPERFICIES
 *   Slate navbar:   #1e293b  -> navbar, dark cards
 *   Slate body:     #0f172a  -> dark mode body
 *
 * Referenciar desde config/backpack/theme-tabler.php:
 *   base_path('resources/css/helix-erp-palette.css')
 */

@charset "UTF-8";

/* =========================================================================
   HELIX BRAND TOKENS
   ========================================================================= */

:root {
    --helix-verde:     #00E5BC;
    --helix-azul:      #040019;
    --helix-gris:      #D9D9D9;
    --helix-naranja:   #FF5118;
    --helix-morado:    #8159FF;
    --helix-rosa:      #FF4395;
    --helix-navbar:    #1e293b;
}

/* =========================================================================
   LIGHT MODE
   ========================================================================= */

:root, [data-bs-theme=light], [data-menu-theme=light] {

    /* Grises base */
    --tblr-gray:              #4B5563;
    --tblr-gray-dark:         #1E293B;
    --tblr-gray-100:          #F3F4F6;
    --tblr-gray-200:          #E5E7EB;
    --tblr-gray-300:          #D9D9D9;
    --tblr-gray-400:          #9CA3AF;
    --tblr-gray-500:          #6B7280;
    --tblr-gray-600:          #4B5563;
    --tblr-gray-700:          #374151;
    --tblr-gray-800:          #1F2937;
    --tblr-gray-900:          #111827;

    /* Colores semanticos principales */
    --tblr-primary:           #8159FF;
    --tblr-secondary:         #6B7280;
    --tblr-success:           #00E5BC;
    --tblr-info:              #00E5BC;
    --tblr-warning:           #FF5118;
    --tblr-danger:            #FF4395;
    --tblr-light:             #F9FAFB;
    --tblr-dark:              #1E293B;
    --tblr-muted:             #6B7280;
    --tblr-tabler:            #8159FF;

    /* RGB equivalentes (para rgba() en Tabler) */
    --tblr-primary-rgb:       129, 89, 255;
    --tblr-secondary-rgb:     107, 114, 128;
    --tblr-success-rgb:       0, 229, 188;
    --tblr-info-rgb:          0, 229, 188;
    --tblr-warning-rgb:       255, 81, 24;
    --tblr-danger-rgb:        255, 67, 149;
    --tblr-light-rgb:         249, 250, 251;
    --tblr-dark-rgb:          30, 41, 59;
    --tblr-muted-rgb:         107, 114, 128;
    --tblr-tabler-rgb:        129, 89, 255;

    /* Text emphasis (versiones oscuras para texto sobre fondo claro) */
    --tblr-primary-text-emphasis:    #5a2edd;
    --tblr-secondary-text-emphasis:  #374151;
    --tblr-success-text-emphasis:    #059669;
    --tblr-info-text-emphasis:       #059669;
    --tblr-warning-text-emphasis:    #c2410c;
    --tblr-danger-text-emphasis:     #be185d;
    --tblr-light-text-emphasis:      #374151;
    --tblr-dark-text-emphasis:       #1E293B;

    /* Background sutiles (versiones muy claras para badges, alerts) */
    --tblr-primary-bg-subtle:        #ede7ff;
    --tblr-secondary-bg-subtle:      #F3F4F6;
    --tblr-success-bg-subtle:        #d1faf0;
    --tblr-info-bg-subtle:           #d1faf0;
    --tblr-warning-bg-subtle:        #fff0e6;
    --tblr-danger-bg-subtle:         #ffe4f0;
    --tblr-light-bg-subtle:          #F9FAFB;
    --tblr-dark-bg-subtle:           #9CA3AF;

    /* Border sutiles */
    --tblr-primary-border-subtle:    #c4b1ff;
    --tblr-secondary-border-subtle:  #E5E7EB;
    --tblr-success-border-subtle:    #6ee7c7;
    --tblr-info-border-subtle:       #6ee7c7;
    --tblr-warning-border-subtle:    #ffb088;
    --tblr-danger-border-subtle:     #ff9fc7;
    --tblr-light-border-subtle:      #E5E7EB;
    --tblr-dark-border-subtle:       #6B7280;

    /* Body */
    --tblr-body-font-size:           0.875rem;
    --tblr-body-font-weight:         400;
    --tblr-body-line-height:         1.4285714286;
    --tblr-body-color:               #1E293B;
    --tblr-body-color-rgb:           30, 41, 59;
    --tblr-body-bg:                  #F3F4F6;
    --tblr-body-bg-rgb:              243, 244, 246;

    /* Emphasis */
    --tblr-emphasis-color:           #000;
    --tblr-emphasis-color-rgb:       0, 0, 0;

    /* Secondary / tertiary colors */
    --tblr-secondary-color:          rgba(30, 41, 59, .75);
    --tblr-secondary-color-rgb:      30, 41, 59;
    --tblr-secondary-bg:             #E5E7EB;
    --tblr-secondary-bg-rgb:         229, 231, 235;
    --tblr-tertiary-color:           rgba(30, 41, 59, .5);
    --tblr-tertiary-color-rgb:       30, 41, 59;
    --tblr-tertiary-bg:              #F3F4F6;
    --tblr-tertiary-bg-rgb:          243, 244, 246;

    /* Links */
    --tblr-link-color:               #8159FF;
    --tblr-link-color-rgb:           129, 89, 255;
    --tblr-link-hover-color:         #6a3de8;
    --tblr-link-hover-color-rgb:     106, 61, 232;

    /* Bordes */
    --tblr-border-color:             #D9D9D9;
    --tblr-border-color-translucent: rgba(107, 114, 128, .16);

    /* Sombras / focus */
    --tblr-box-shadow-inset:         inset 0 1px 2px rgba(0, 0, 0, .075);
    --tblr-focus-ring-width:         0.25rem;
    --tblr-focus-ring-opacity:       0.25;
    --tblr-focus-ring-color:         rgba(129, 89, 255, .25);

    /* Validacion */
    --tblr-form-valid-color:         #059669;
    --tblr-form-valid-border-color:  #00E5BC;
    --tblr-form-invalid-color:       #FF4395;
    --tblr-form-invalid-border-color:#FF4395;

    /* Misc */
    --tblr-danger-text:              var(--tblr-danger);
    --tblr-navbar-border-color:      transparent;
    --bg-switch-checked-color:       var(--tblr-primary);
}

/* =========================================================================
   DARK MODE
   ========================================================================= */

[data-bs-theme=dark], [data-menu-theme=dark] {

    --tblr-body-color:               #CBD5E1;
    --tblr-body-color-rgb:           203, 213, 225;
    --tblr-body-bg:                  #0f172a;
    --tblr-body-bg-rgb:              15, 23, 42;

    --tblr-emphasis-color:           #fff;
    --tblr-emphasis-color-rgb:       255, 255, 255;

    --tblr-secondary-color:          rgba(203, 213, 225, .75);
    --tblr-secondary-color-rgb:      203, 213, 225;
    --tblr-secondary-bg:             #1e293b;
    --tblr-secondary-bg-rgb:         30, 41, 59;

    --tblr-tertiary-color:           rgba(203, 213, 225, .5);
    --tblr-tertiary-color-rgb:       203, 213, 225;
    --tblr-tertiary-bg:              #172032;
    --tblr-tertiary-bg-rgb:          23, 32, 50;

    /* Text emphasis dark */
    --tblr-primary-text-emphasis:    #b89cff;
    --tblr-secondary-text-emphasis:  #D1D5DB;
    --tblr-success-text-emphasis:    #34f5d0;
    --tblr-info-text-emphasis:       #34f5d0;
    --tblr-warning-text-emphasis:    #ff8c5a;
    --tblr-danger-text-emphasis:     #ff7eb8;
    --tblr-light-text-emphasis:      #F3F4F6;
    --tblr-dark-text-emphasis:       #D1D5DB;

    /* BG sutiles dark */
    --tblr-primary-bg-subtle:        #1a0d3d;
    --tblr-secondary-bg-subtle:      #1f2937;
    --tblr-success-bg-subtle:        #002e24;
    --tblr-info-bg-subtle:           #002e24;
    --tblr-warning-bg-subtle:        #3b1505;
    --tblr-danger-bg-subtle:         #3b0a23;
    --tblr-light-bg-subtle:          #1e293b;
    --tblr-dark-bg-subtle:           #0f172a;

    /* Border sutiles dark */
    --tblr-primary-border-subtle:    #5a2edd;
    --tblr-secondary-border-subtle:  #4B5563;
    --tblr-success-border-subtle:    #059669;
    --tblr-info-border-subtle:       #059669;
    --tblr-warning-border-subtle:    #c2410c;
    --tblr-danger-border-subtle:     #be185d;
    --tblr-light-border-subtle:      #1e293b;
    --tblr-dark-border-subtle:       #0f172a;

    /* Links dark */
    --tblr-link-color:               #b89cff;
    --tblr-link-hover-color:         #d4c3ff;
    --tblr-link-color-rgb:           184, 156, 255;
    --tblr-link-hover-color-rgb:     212, 195, 255;

    --tblr-code-color:               #b89cff;

    /* Bordes dark */
    --tblr-border-color:             #263549;
    --tblr-border-color-translucent: var(--tblr-border-color);

    /* Validacion dark */
    --tblr-form-valid-color:         #34f5d0;
    --tblr-form-valid-border-color:  #34f5d0;
    --tblr-form-invalid-color:       #ff7eb8;
    --tblr-form-invalid-border-color:#ff7eb8;

    /* Superficie dark (cards, navbar) */
    --tblr-bg-surface:               #1e293b;
    --tblr-navbar-bg:                #1e293b;
    --tblr-dark-mode-border-color:   #263549;
    --tblr-bg-main-color:            #0f172a;
    --tblr-bg-forms:                 var(--tblr-dark-mode-border-color);

    /* Misc */
    --tblr-danger-text:              var(--tblr-danger);
    --tblr-danger:                   #ff7eb8;
    --tblr-danger-rgb:               255, 126, 184;
    --tblr-navbar-color:             rgba(255, 255, 255, 0.7);
    --tblr-bg-surface-tertiary:      #ffffff02;
    --tblr-navbar-border-color:      transparent;
}