/* ============================================================
   Ermes — Colore. Brand book 0.1 (21/08/2026), §3.
   Tre colori, e bastano.
   ============================================================ */
:root {
  /* ---- I tre colori del brand ---- */
  --ermes-red:   #E62D22; /* identità: marchio, firma, fondo delle aperture, l'intervento nei pattern */
  --ermes-dark:  #303439; /* inchiostro: testi, segni su chiaro, fondo alternativo al rosso */
  --ermes-white: #FFFFFF; /* il foglio, e il segno in negativo */

  /* ---- Neutri di supporto: solo per far respirare il testo ---- */
  --n-title:     #26292C; /* titoli */
  --n-text:      #55595D; /* testo secondario */
  --n-text-2:    #6E7276; /* testo secondario più leggero */
  --n-rule:      #E4DDDB; /* filetti e bordi sottili */
  --n-deep:      #232629; /* dark più profondo: fondali video */
  --n-inactive:  #9AA0A4; /* modulo inattivo — mai un altro colore */

  /* ---- Bianco in trasparenza, sui fondi rossi e dark ---- */
  --ermes-white-90: rgba(255, 255, 255, 0.90);
  --ermes-white-70: rgba(255, 255, 255, 0.70);
  --ermes-white-24: rgba(255, 255, 255, 0.24);

  /* ============================================================
     Ruoli — cita questi
     ============================================================ */
  --surface-page:  var(--ermes-white);
  --surface-ink:   var(--ermes-dark);
  --surface-red:   var(--ermes-red);
  --surface-video: var(--n-deep);
  --surface-quiet: #FAF8F8;

  --text-title:     var(--n-title);
  --text-primary:   var(--ermes-dark);
  --text-secondary: var(--n-text);
  --text-muted:     var(--n-text-2);
  --text-inactive:  var(--n-inactive);
  --text-on-red:    var(--ermes-white);
  --text-on-ink:    var(--ermes-white);
  --text-on-ink-2:  var(--ermes-white-70);

  --line-subtle:  var(--n-rule);
  --line-on-dark: var(--ermes-white-24);

  --scrim:       rgba(48, 52, 57, 0.55);
  --surface-bar: rgba(255, 255, 255, 0.90);
}