/* =====================================================================
   ZZ_TEMA_PADELVISION — lo que los temas PadelVision no resuelven con
   variables, porque el CSS de abajo tiene el color escrito a mano.
   (B-087 paso 1; barra lateral clara: decisión de Gilbert, opción A.)

   TODAS las reglas van bajo :root[data-theme]: sin el atributo (tema actual)
   este archivo no hace nada. El nombre ordena después de zz_design_v2.css.
   Los valores salen de los bloques de 00_tokens.css: acá no hay ningún hex.
   ===================================================================== */

/* Fondo de página: sin el resplandor azul fijo de zz_design_v2.css:31.
   ss01 y cv05 (zz_design_v2.css:34) son variantes de IBM Plex: en Plus Jakarta
   cambian letras por otras. */
:root[data-theme] body {
    background: var(--color-bg);
    font-feature-settings: normal;
}

:root[data-theme] ::selection {
    background: var(--color-primary-soft);
    color: var(--pv-on-brand-soft);
}

/* ---------------------------------------------------------------------
   Barra lateral clara: surface, ítem activo brand-soft.
   Pisa los colores fijos de zz_design_v2.css:117-191 y :490.
--------------------------------------------------------------------- */
:root[data-theme] .app-sidebar {
    background: var(--color-surface);
    color: var(--color-text);
    border-right: 1px solid var(--color-border);
    box-shadow: none;
}
:root[data-theme] .sidebar-brand {
    border-bottom: 1px solid var(--color-border);
}
:root[data-theme] .sidebar-brand-icon {
    background: var(--accent);
    color: var(--pv-on-brand);
    box-shadow: none;
}
:root[data-theme] .sidebar-title {
    color: var(--color-text);
}
:root[data-theme] .sidebar-link,
:root[data-theme] .sidebar-link .nav-ic {
    color: var(--color-text-soft);
}
:root[data-theme] .sidebar-link:hover {
    background: var(--color-surface-soft);
    color: var(--color-text);
}
:root[data-theme] .sidebar-link:hover .nav-ic {
    color: var(--color-text);
}
:root[data-theme] .sidebar-link.active {
    background: var(--color-primary-soft);
    color: var(--pv-on-brand-soft);
}
:root[data-theme] .sidebar-link.active .nav-ic,
:root[data-theme] .sidebar-link.active .sidebar-link-icon,
:root[data-theme] .sidebar-link.active .sidebar-link-text {
    color: var(--pv-on-brand-soft);
}
:root[data-theme] .sidebar-link.active::before {
    box-shadow: none;
}
:root[data-theme] .app-sidebar::-webkit-scrollbar-thumb {
    background: var(--color-border-strong);
    background-clip: padding-box;
}

/* ---------------------------------------------------------------------
   Bienvenida de la portada: la única tarjeta deep de la pantalla.
   Pisa el resplandor y el chip dorados fijos de zz_design_v2.css:296 y :312-314.
--------------------------------------------------------------------- */
:root[data-theme] .home-welcome {
    background: var(--brand-1);
    color: var(--pv-on-deep);
}
:root[data-theme] .home-role-chip {
    background: transparent;
    border: 1px solid var(--pv-on-deep-muted);
    color: var(--pv-on-deep);
}