/* ═══════════════════════════════════════════════
   DIREZIONE13 — Brand Tokens
   Variabili CSS centralizzate per colori, font, easing
   ═══════════════════════════════════════════════ */

:root {
  /* ─── Colori ─── */
  --black: #000000;
  --white: #FFFFFF;
  --red:   #DC3026;

  /* ─── Colori derivati (opacità) ─── */
  --white-85: rgba(255, 255, 255, 0.85);
  --white-62: rgba(255, 255, 255, 0.62);
  --white-52: rgba(255, 255, 255, 0.52);
  --white-45: rgba(255, 255, 255, 0.45);
  --white-42: rgba(255, 255, 255, 0.42);
  --white-38: rgba(255, 255, 255, 0.38);
  --white-16: rgba(255, 255, 255, 0.16);
  --white-13: rgba(255, 255, 255, 0.13);
  --white-07: rgba(255, 255, 255, 0.07);
  --white-06: rgba(255, 255, 255, 0.06);
  --red-55:   rgba(220, 48, 38, 0.55);
  --red-50:   rgba(220, 48, 38, 0.50);
  --red-07:   rgba(220, 48, 38, 0.07);

  /* ─── Tipografia ─── */
  --font: 'Montserrat', sans-serif;

  /* ─── Easing ─── */
  --ease: cubic-bezier(0.16, 1, 0.3, 1);
}