/* =====================================================================
   TOKENS — Source unique des design tokens 5M Innov
   ---------------------------------------------------------------------
   Chargé EN PREMIER sur chaque page (avant styles.css / styles-cv.css),
   afin d'être la couche de base que tout le reste peut surcharger.

   Contient : la palette de base + les tokens sémantiques THÈME-AWARE
   (clair = :root, sombre = .dark-mode). Les couleurs de marque (#37EFBA,
   #0c8a65, #00d4aa) ne sont écrites QU'ICI, une seule fois.

   Les tokens STRUCTURELS « Liquid Glass » (opacité du verre, flou, ombres,
   aurora) restent dans CSS/liquid-glass.css : ils sont l'implémentation de
   cette couche visuelle et sont scopés sous body.lg-on.
   La page CV (my-profile) garde en plus sa propre palette dans styles-cv.css.
   ===================================================================== */

:root {
  /* — Couleurs de marque (uniques sources de ces hex) — */
  --brand-green:      #37EFBA;   /* accent signature (vif, surfaces sombres) */
  --brand-green-2:    #00d4aa;   /* accent secondaire (dégradés) */
  --brand-green-deep: #0c8a65;   /* accent foncé (texte sur surfaces claires) */
  --surface-dark:     #25282f;
  --surface-light:    #f9f9f9;

  /* — Palette de base (mode clair) — */
  --background-color:          var(--surface-light);
  --background-color-inverted: var(--surface-dark);
  --text-color:                var(--surface-dark);
  --header-footer-color:       var(--surface-light);
  --text-header-footer:        var(--surface-dark);
  --service-title-color:       var(--brand-green-deep);
  --accent-color:              var(--brand-green);
  --accent-color-secondary:    var(--brand-green);

  /* — Tokens sémantiques thème-aware (mode clair) — */
  --accent-text: var(--brand-green-deep);  /* vert-texte foncé sur fond clair */
  --warn-text:   #b45309;                  /* ambre foncé */
  --bad-text:    #c0392b;                  /* rouge foncé */
  --sec-dot:     rgba(18, 46, 38, 0.045);  /* texture pointillée (sections) */
}

/* — Mode sombre — */
.dark-mode {
  --background-color:          var(--surface-dark);
  --background-color-inverted: var(--surface-light);
  --text-color:                var(--surface-light);
  --header-footer-color:       var(--surface-dark);
  --text-header-footer:        var(--surface-light);
  --service-title-color:       var(--brand-green);
  --accent-color:              var(--brand-green);
  --accent-color-secondary:    var(--brand-green-2);

  --accent-text: var(--brand-green);   /* vert vif sur fond sombre */
  --warn-text:   #ffb066;              /* ambre (mode sombre) */
  --bad-text:    #ff8a8a;              /* rouge (mode sombre) */
  --sec-dot:     rgba(170, 255, 225, 0.03);
}