/* =========================================================================
   theme-dev.css — Surcharges de composants pour la rubrique « Développement »
   -------------------------------------------------------------------------
   Le basculement des COULEURS se fait déjà via les variables de tokens.css
   (bloc [data-theme="dev"]). Ce fichier ne contient que d'éventuelles
   surcharges de COMPOSANTS spécifiques au thème dev, activées quand
   l'attribut data-theme="dev" est présent sur <body>.

   Il est chargé sur toutes les pages mais reste sans effet tant que
   data-theme="dev" n'est pas posé : toutes ses règles sont préfixées.
   ========================================================================= */

/* Le label décoratif prend l'accent bleu recyclé du logo BrainUpdate. */
[data-theme="dev"] .eyebrow { color: var(--color-accent-strong); }

/* Filet d'accent discret sous le titre principal de la page dev. */
[data-theme="dev"] .entete-page h1 { position: relative; }
[data-theme="dev"] .entete-page h1::after {
  content: "";
  display: block;
  width: 64px;
  height: 1px;
  margin-top: var(--space-3);
  background-color: var(--color-accent-label);
}

/* Motifs décoratifs : teinte dev. */
[data-theme="dev"] .motif { color: var(--color-accent-label); }
