/* ADAM — lockup de marque, source UNIQUE.
   Servi statiquement à /brand/brand.css et consommé par les DEUX mondes :
   - le bundle React, via <link> dans index.html (markup : <BrandLogo />,
     src/components/brand/BrandLogo.jsx) ;
   - public/new-era/index.html (page d'accueil statique rendue en iframe,
     hors du graphe de modules Vite — elle ne peut pas importer de CSS du
     bundle, mais elle peut parfaitement <link> un asset public).
   Toute modification ici s'applique donc partout. Ne JAMAIS recopier ces
   règles dans un CSS local : c'est exactement la divergence que ce fichier
   supprime.

   Échelle : UNE seule variable pilote le lockup — le font-size du conteneur.
   Le symbole est calé sur la hauteur de capitale d'Inter (0.74em), donc le A
   du symbole et le A du mot ADAM ont la même hauteur optique quel que soit
   le contexte.

   Palette : le dégradé de marque (#A78BFA → #22D3EE) vit DANS les SVG et ne
   sert qu'au symbole — jamais au texte du lockup, jamais à un élément de
   prix (le vert/rouge #22C55E/#F87171 reste réservé à hausse/baisse). */

.brand-lockup {
  display: inline-flex;
  align-items: center;
  gap: 0.43em; /* 12px @ font-size 28px */
  line-height: 1;
  text-decoration: none;
}

.brand-mark {
  height: 0.74em; /* hauteur de capitale Inter */
  width: auto;
  display: block;
  object-fit: contain;
}

.brand-word {
  font-family: 'Inter', sans-serif;
  font-size: 1em;
  font-weight: 700;
  letter-spacing: 0.14em;
  text-transform: uppercase;
  line-height: 1;
  color: var(--brand-word-color, #e2ecff);
}

/* Lockup complet (symbole + mot + baseline) — une seule image, logo-full.svg
   (viewBox 252×64) ; height 1em → le font-size du contexte pilote tout. */
.brand-full {
  /* logo-full.svg : viewBox 252×64 → ratio 3.94.
     height 1em ⇒ le font-size du conteneur (.brand-lockup / .navbar-brand)
     pilote la hauteur du lockup complet. */
  height: 1em;
  width: auto;
  display: block;
}