/* =========================================================
   BROOTHER — Couleurs
   Base noir profond + crème. Une couleur d'accent par bière.
   ========================================================= */
:root {
  /* — Neutres : le socle noir & crème — */
  --bg:            #0A0A0A;   /* noir profond — fond principal */
  --bg-elev:       #141414;   /* surface légèrement élevée (cartes) */
  --bg-elev-2:     #1B1B1B;   /* surface la plus claire */
  --border:        #262626;   /* bordures / séparateurs */
  --border-strong: #353535;   /* bordure au survol */

  --cream:         #F5EFE0;   /* crème — titres, CTA, texte fort */
  --cream-dim:     #C9C2B5;   /* crème atténué — texte courant */
  --muted:         #6E685E;   /* gris chaud — sous-textes, labels */

  /* — Accents bière (une par référence) — */
  --beer-blonde:   #D4B842;   /* Hoppy Blonde Ale — jaune */
  --beer-dryipa:   #5BA85B;   /* Dry IPA West Coast — vert */
  --beer-neipa:    #3B5BC9;   /* NEIPA — bleu */
  --beer-stout:    #6B4A7C;   /* Stout English Pub 0.0 — prune */

  /* — Alias sémantiques — */
  --surface-page:   var(--bg);
  --surface-card:   var(--bg-elev);
  --surface-raised: var(--bg-elev-2);

  --text-strong:  var(--cream);
  --text-body:    var(--cream-dim);
  --text-subtle:  var(--muted);

  --border-hairline: var(--border);
  --border-hover:    var(--border-strong);

  /* Contour crème (chips, boutons ghost) */
  --outline-cream: var(--cream);

  /* Voiles / overlays sur imagerie */
  --scrim:        rgba(10, 10, 10, 0.55);
  --scrim-strong: rgba(10, 10, 10, 0.85);
  --tint-cream:   rgba(245, 239, 224, 0.08);  /* survol sur fond sombre */
}