/* Tema oficial — paleta Laboratorios Huden (azul marino + salmón + celeste logo) */
html[data-huden-theme="huden-brand"] {
    --huden-font-family: 'Segoe UI', Arial, Helvetica, sans-serif;

    /* Marca */
    --huden-brand-navy: #1b3569;
    --huden-brand-navy-dark: #142952;
    --huden-brand-salmon: #e97272;
    --huden-brand-salmon-hover: #d85f5f;
    --huden-brand-sky: #6baed6;
    --huden-brand-sky-soft: #e8f4fa;

    /* Layout general */
    --huden-bg-page: #f5f7fa;
    --huden-bg-page-gradient: linear-gradient(180deg, #ffffff 0%, #f0f4f8 100%);
    --huden-bg-surface: #ffffff;
    --huden-bg-surface-alt: #f8fafc;
    --huden-bg-sidebar: var(--huden-brand-navy);
    --huden-bg-navbar: #ffffff;
    --huden-bg-card: #ffffff;
    --huden-bg-card-alt: #ffffff;
    --huden-bg-input: #ffffff;
    --huden-bg-login-box: #ffffff;

    /* Texto */
    --huden-text: #1e293b;
    --huden-text-muted: #64748b;
    --huden-text-inverse: #ffffff;
    --huden-heading: var(--huden-brand-navy);

    /* Bordes y sombras */
    --huden-border: #dde3ea;
    --huden-shadow: 0 8px 24px rgba(27, 53, 105, 0.08);

    /* Acentos — salmón como CTA principal (barra promocional del sitio) */
    --huden-accent: var(--huden-brand-salmon);
    --huden-accent-hover: var(--huden-brand-salmon-hover);
    --huden-accent-soft: rgba(233, 114, 114, 0.12);
    --huden-accent-ring: rgba(233, 114, 114, 0.25);
    --huden-link: var(--huden-brand-sky);
    --huden-btn-primary-text: #ffffff;

    /* Sidebar — azul marino como barra de navegación huden.co */
    --huden-sidebar-link: rgba(255, 255, 255, 0.88);
    --huden-sidebar-link-active: #ffffff;
    --huden-sidebar-link-active-bg: rgba(233, 114, 114, 0.35);

    --huden-table-stripe: rgba(27, 53, 105, 0.04);
}

/* Portal cliente — fondo navy con tarjetas blancas (estilo web corporativa) */
html[data-huden-theme="huden-brand"] body.client-portal-body {
    --huden-bg-page: var(--huden-brand-navy-dark);
    --huden-bg-page-gradient: linear-gradient(165deg, var(--huden-brand-navy) 0%, var(--huden-brand-navy-dark) 55%, #0c1a33 100%);
    --huden-bg-card: #ffffff;
    --huden-bg-card-alt: #ffffff;
    --huden-bg-input: #f8fafc;
    --huden-text: #1e293b;
    --huden-text-muted: #64748b;
    --huden-heading: var(--huden-brand-navy);
    --huden-border: #e2e8f0;
    --huden-link: var(--huden-brand-sky);
    --huden-shadow: 0 12px 32px rgba(12, 26, 51, 0.25);
}

/* Login / recuperación — fondo navy suave con caja blanca */
html[data-huden-theme="huden-brand"] body.login-page-body {
    --huden-bg-page: var(--huden-brand-navy);
    --huden-bg-page-gradient: linear-gradient(160deg, var(--huden-brand-navy) 0%, var(--huden-brand-navy-dark) 50%, #0c1a33 100%);
    --huden-bg-login-box: #ffffff;
    --huden-text: #334155;
    --huden-text-muted: #64748b;
    --huden-heading: var(--huden-brand-navy);
    --huden-bg-input: #f8fafc;
    --huden-border: #cbd5e1;
    --huden-accent: var(--huden-brand-salmon);
    --huden-accent-hover: var(--huden-brand-salmon-hover);
}

/* Tarjetas oscuras en módulos (formularios sin sidebar, formulación magistral) */
html[data-huden-theme="huden-brand"] .card-vcc:not(.fm-form-panel),
html[data-huden-theme="huden-brand"] .app-card {
    border-color: var(--huden-border, #e2e8f0);
}

html[data-huden-theme="huden-brand"] body:not(.client-portal-body):not(.login-page-body) .card-header-vcc:not(.header-card) {
    background: linear-gradient(145deg, var(--huden-brand-navy), var(--huden-brand-navy-dark)) !important;
    border-color: rgba(255, 255, 255, 0.08) !important;
    color: #ffffff !important;
}

html[data-huden-theme="huden-brand"] .header-card.card-header-vcc {
    background: #ffffff !important;
    border-color: #e2e8f0 !important;
    color: #111827 !important;
}

html[data-huden-theme="huden-brand"] .header-card.card-header-vcc h1,
html[data-huden-theme="huden-brand"] .header-card.card-header-vcc h2,
html[data-huden-theme="huden-brand"] .header-card.card-header-vcc h3,
html[data-huden-theme="huden-brand"] .header-card.card-header-vcc h4,
html[data-huden-theme="huden-brand"] .header-card.card-header-vcc h5,
html[data-huden-theme="huden-brand"] .header-card.card-header-vcc .fm-header-title {
    color: #111827 !important;
}

html[data-huden-theme="huden-brand"] .btn-warning {
    background: var(--huden-brand-salmon) !important;
    border-color: var(--huden-brand-salmon) !important;
    color: #ffffff !important;
}

html[data-huden-theme="huden-brand"] .btn-outline-info {
    color: var(--huden-brand-sky) !important;
    border-color: var(--huden-brand-sky) !important;
}

html[data-huden-theme="huden-brand"] .btn-outline-info:hover {
    background: var(--huden-brand-sky) !important;
    color: #ffffff !important;
}

html[data-huden-theme="huden-brand"] .text-info {
    color: var(--huden-brand-sky) !important;
}