/* =========================================================
   UI THEME — pont vers Bootstrap
   Pont entre les tokens du projet (tokens.css) et les variables
   natives de Bootstrap (--bs-*). Couvre ce que Bootstrap lit
   réellement à l'exécution : styles de base (body, liens,
   bordures) et classes utilitaires (.text-primary, .bg-primary,
   .border-primary...) via --bs-primary-rgb / --bs-secondary-rgb.

   Important : les variantes de composants déjà compilées par
   Bootstrap (.btn-primary, .card, .accordion...) ont leurs
   couleurs figées en dur dans bootstrap.min.css et NE LISENT PAS
   --bs-primary — ce fichier ne les retente donc pas automatique-
   ment. Pour ces composants, l'habillage reste porté par les
   classes additives ui-* (voir ui-atomes.css / ui-molecules.css)
   ou, ponctuellement, par une redéfinition explicite de leurs
   propres variables (--bs-btn-bg, --bs-card-border-color...).

   Ce fichier ne contient QUE des variables, et il est chargé
   AVANT les composants : ce sont des entrées, pas des correctifs.
   Ce qu'aucune variable ne peut porter va dans ui-charte.css,
   chargé en dernier.
   ========================================================= */

:root {
  /* Bouton de fermeture : le glyphe Material remplace le SVG et suit la
     couleur du texte, donc l'opacité de Bootstrap (0.5) l'assombrirait. */
  --bs-btn-close-opacity: 1;
  --bs-btn-close-hover-opacity: 0.75;

  /* Fond & texte de base (Reboot) */
  --bs-body-bg: var(--white);
  --bs-body-color: var(--text);
  --bs-body-font-family: var(--font-base);
  --bs-font-sans-serif: var(--font-base);
  --bs-heading-color: var(--text);
  --bs-emphasis-color: var(--text);
  --bs-secondary-color: var(--text-muted);

  /* Liens */
  --bs-link-color: var(--color-primary);
  --bs-link-color-rgb: 11, 93, 87;    /* --color-primary, en composantes */
  --bs-link-hover-color: var(--color-primary-hover);
  --bs-link-hover-color-rgb: 11, 93, 87;

  /* Bordures & rayons */
  --bs-border-color: var(--border);
  --bs-border-radius: var(--radius-sm);
  --bs-border-radius-lg: var(--radius-md);
  --bs-border-radius-xl: var(--radius);

  /* Ombres */
  --bs-box-shadow: var(--shadow-md);
  --bs-box-shadow-sm: var(--shadow-sm);
  --bs-box-shadow-lg: var(--shadow-lg);

  /* Couleurs sémantiques — alimentent .text-primary/.bg-primary/
     .border-primary/.text-secondary/... via leurs -rgb respectifs.
     Les triplets -rgb doivent être tenus à la main, en miroir des
     tokens : Bootstrap ne sait pas dériver un rgb d'une var(). */
  --bs-primary: var(--color-primary);
  --bs-primary-rgb: 15, 118, 110;
  --bs-secondary: var(--color-dark);
  --bs-secondary-rgb: 21, 41, 37;
}