/* ============================================================
   Ermes — Il sistema dei moduli. Brand book 0.1, §5–§6.
   Due livelli: il SEGNO dice dove agisce, il PATTERN su cosa lavora.
   I moduli non hanno un colore proprio: si distinguono per segno e campo.
   ============================================================ */
:root {
  /* ---- Le tre densità di base ---- */
  --den-text:    0.30; /* @kind other */ /* dietro un testo */
  --den-fill:    0.50; /* @kind other */ /* su un fondo pieno */
  --den-opening: 0.90; /* @kind other */ /* aperture di modulo (80–100%) */

  /* ---- Le densità per contesto, dai campioni del brand book §6 ---- */
  --den-site-hero:      0.40; /* @kind other */ /* sito, hero di sezione */
  --den-site-card:      0.30; /* @kind other */ /* sito, card modulo */
  --den-pitch-open:     0.90; /* @kind other */ /* apertura su rosso */
  --den-pitch-open-dk:  0.55; /* @kind other */ /* apertura su dark */
  --den-pitch-content:  0.30; /* @kind other */ /* slide di contenuto */
  --den-social-post:    0.85; /* @kind other */ /* post 1:1 su rosso */
  --den-social-story:   0.34; /* @kind other */ /* story 9:16 chiara */
  --den-social-story-dk:0.50; /* @kind other */ /* story 9:16 dark */
  --den-video-lower:    0.34; /* @kind other */ /* lower third, senza velo */
  --den-video-end:      0.80; /* @kind other */ /* end card */
  --den-print-cover:    0.70; /* @kind other */ /* copertina A4 */
  --den-print-rollup:   0.30; /* @kind other */ /* roll-up */

  /* ---- Il segno ---- */
  --sign-size:     48px;
  --sign-size-min: 20px; /* sotto i 20px la E si chiude */

  /* ---- Il marchio ---- */
  --bollo-min:  20px;  /* lato minimo del bollo */
  --lockup-min: 120px; /* larghezza minima del lockup orizzontale */
  --lockup-max: 600px; /* oltre, il raster si sgrana: serve il vettoriale */

  /* ---- L'intervento in rosso: 2–3 accenti per campo, mai di più ---- */
  --accent-max: 3; /* @kind other */

  /* ============================================================
     I VELI — spengono il pattern dove nasce il testo.
     Sono sfumature del colore del FONDO, non un abbassamento
     dell'opacità di tutto il campo (brand book §5, regola 2).
     ============================================================ */
  --veil-white:      linear-gradient(to bottom, rgba(255,255,255,0) 30%, rgba(255,255,255,0.97) 60%); /* @kind other */
  --veil-white-side: linear-gradient(to left, rgba(255,255,255,0) 20%, rgba(255,255,255,0.97) 62%); /* @kind other */
  --veil-red:        linear-gradient(to bottom, rgba(230,45,34,0.6) 4%, rgba(230,45,34,0) 20%, rgba(230,45,34,0) 40%, rgba(230,45,34,0.9) 74%); /* @kind other */
  --veil-dark:       linear-gradient(to bottom, rgba(35,38,41,0) 30%, rgba(35,38,41,0.95) 72%); /* @kind other */
  --veil-center:     linear-gradient(to right, rgba(48,52,57,0) 0%, rgba(48,52,57,0.94) 28%, rgba(48,52,57,0.94) 72%, rgba(48,52,57,0) 100%); /* @kind other */
}