/* ============================================================================
   tokens-bridge.css — pont entre les variables historiques et le design system
   ----------------------------------------------------------------------------
   Le code existant (style.css, thèmes, styles inline) consomme 11 variables
   historiques. Ce fichier les redéfinit à partir des tokens Figma, si bien
   qu'une page qui charge tokens.css + ce pont bascule sur la nouvelle palette
   sans réécrire ses sélecteurs. À charger APRÈS le thème éventuel, pour gagner.

   Au fil de la migration, les sélecteurs passent aux tokens directement et ce
   pont a vocation à disparaître.
   ============================================================================ */

/* Redéclaré sur chaque élément porteur d'un data-theme, et pas seulement sur
   :root : la valeur d'une variable est calculée là où elle est DÉCLARÉE, puis
   héritée telle quelle. Sans cette redéclaration, --text-color garderait la
   couleur du thème de la page à l'intérieur du chrome sombre. */
:root,
[data-theme] {
    --bg-color: var(--color-bg-primary);
    --card-bg: var(--color-bg-secondary);
    --text-color: var(--color-text-primary);
    --accent-color: var(--color-fg-brand-primary);
    --accent-hover: var(--color-bg-brand-solid-hover);
    --border-color: var(--color-border-secondary);
    --font-serif: var(--font-family-display);
    --font-sans: var(--font-family-body);
    --dg-grey: var(--color-text-quaternary);
    --dg-grey-light: var(--color-bg-secondary);
    --dg-grey-dark: var(--color-fg-secondary);
}