/* ===================================
   UTILITIES — Opacity
   Usa i tokens definiti in tokens.css
   =================================== */

:root {
  --opacity-0: 0;
  --opacity-5: 0.05;
  --opacity-10: 0.1;
  --opacity-20: 0.2;
  --opacity-25: 0.25;
  --opacity-30: 0.3;
  --opacity-40: 0.4;
  --opacity-50: 0.5;
  --opacity-60: 0.6;
  --opacity-70: 0.7;
  --opacity-75: 0.75;
  --opacity-80: 0.8;
  --opacity-90: 0.9;
  --opacity-95: 0.95;
  --opacity-100: 1;
}

/* Classi generiche */
.opacity-0   { opacity: var(--opacity-0); }
.opacity-5   { opacity: var(--opacity-5); }
.opacity-10  { opacity: var(--opacity-10); }
.opacity-20  { opacity: var(--opacity-20); }
.opacity-25  { opacity: var(--opacity-25); }
.opacity-30  { opacity: var(--opacity-30); }
.opacity-40  { opacity: var(--opacity-40); }
.opacity-50  { opacity: var(--opacity-50); }
.opacity-60  { opacity: var(--opacity-60); }
.opacity-70  { opacity: var(--opacity-70); }
.opacity-75  { opacity: var(--opacity-75); }
.opacity-80  { opacity: var(--opacity-80); }
.opacity-90  { opacity: var(--opacity-90); }
.opacity-95  { opacity: var(--opacity-95); }
.opacity-100 { opacity: var(--opacity-100); }