// Tokens globales de pestañas Eneon.
// Referencia TS: resources/js/Pages/Eneon/Shared/tokensEneonTabs.ts
:root {
    --eneon-tab-radio-superior: 8px;
    --eneon-tab-padding-x: 24px;
    --eneon-tab-padding-y: 12px;
    --eneon-tab-font-size: 1rem;
    --eneon-tab-font-weight: 500;
    --eneon-tab-gap-interno: 8px;
    --eneon-tab-item-margin: 0 4px;
    --eneon-tab-list-margin-bottom: -1px;
    --eneon-tab-transition: all 0.2s ease;

    --eneon-tab-bg-inactivo: #f8f9fa;
    --eneon-tab-bg-activo: #fff;
    --eneon-tab-color-inactivo: #6c757d;
    --eneon-tab-header-bg: #f8f9fa;

    --eneon-tab-color-default-activo: #0d6efd;
    --eneon-tab-color-electrico-activo: #0066cc;
    --eneon-tab-color-gas-activo: #dc3545;
    --eneon-tab-color-documentos-activo: #198754;

    --eneon-tab-badge-padding-y: 4px;
    --eneon-tab-badge-padding-x: 8px;
    --eneon-tab-badge-radio: 12px;

    --eneon-tab-empty-bg: #cff4fc;
    --eneon-tab-empty-border: #9eeaf9;
    --eneon-tab-empty-color-titulo: #055160;
    --eneon-tab-empty-color-texto: #087990;
}