/**
 * Bootstrap 5 (CDN): utilidades y componentes alineados a tokens del tema activo.
 * .text-muted / .text-body usan --bs-*-color y --bs-*-color-rgb con !important;
 * sin el canal RGB en oscuro, .text-body queda en gris Bootstrap (#212529) sobre fondo oscuro.
 */
:root,
[data-theme="light"] {
    --bs-primary: var(--color-granate);
    --bs-primary-rgb: var(--color-granate-rgb);
    --bs-danger: var(--color-danger);
    --bs-danger-rgb: var(--color-danger-rgb);
    --bs-form-invalid-color: var(--color-danger);
    --bs-form-invalid-border-color: var(--color-danger);
    --bs-link-color: var(--color-granate-active, #9a2d2d);
    --bs-link-hover-color: var(--color-granate-deep, #661414);
    --bs-body-color: var(--color-text-default);
    --bs-body-color-rgb: 45, 45, 45; /* #2d2d2d */
    --bs-body-bg: var(--color-crema);
    --bs-secondary-color: var(--color-text-muted);
    --bs-secondary-color-rgb: 92, 74, 61; /* #5c4a3d */
    --bs-tertiary-color: var(--color-text-muted);
    --bs-emphasis-color: var(--color-text-default);
    --bs-border-color: rgba(var(--color-granate-rgb), 0.15);
}

[data-theme="dark"] {
    --bs-primary: var(--color-granate);
    --bs-primary-rgb: var(--color-granate-rgb);
    --bs-danger: var(--color-danger);
    --bs-danger-rgb: var(--color-danger-rgb);
    --bs-form-invalid-color: var(--color-danger);
    --bs-form-invalid-border-color: var(--color-danger);
    /* Granate sobre carbón ~2.3:1 (falla WCAG AA). Acento legible = dorado.
     * Bootstrap 5.3 pinta <a> con rgba(var(--bs-link-color-rgb), …): ambos canales son obligatorios. */
    --bs-link-color: var(--color-dorado, #e0b070);
    --bs-link-hover-color: color-mix(in srgb, var(--color-dorado, #e0b070) 82%, #fff);
    --bs-link-color-rgb: var(--color-dorado-rgb);
    --bs-link-hover-color-rgb: 232, 196, 138;
    --bs-body-color: var(--color-text-default);
    --bs-body-color-rgb: var(--color-blanco-rgb);
    --bs-body-bg: var(--panel-main-bg);
    --bs-secondary-color: var(--color-text-muted);
    --bs-secondary-color-rgb: var(--color-blanco-rgb);
    --bs-tertiary-color: var(--color-text-muted);
    --bs-emphasis-color: var(--color-blanco);
    --bs-border-color: var(--panel-border);
}