/* === TOKENS GLOBALI === */
:root {
  --color-bg: hsl(0 0% 100%);
  --color-surface: hsl(0 0% 98%);
  --color-elev: hsl(0 0% 95%);
  --color-text: hsl(0 0% 10%);
  --color-text-weak: hsl(0 0% 45%);
  --color-primary: hsl(210 90% 55%);
  --color-primary-ink: #fff;
  --color-accent: hsl(200 90% 55%);
  --color-border: hsl(210 20% 85%);
  --color-muted: hsl(210 30% 95%);
  --success-500: hsl(145 60% 40%);
  --warning-500: hsl(40 90% 50%);
  --danger-500: hsl(0 75% 55%);
  --shadow-color: 220deg 10% 20%;
  --alpha-08: 0.08;
  --alpha-12: 0.12;
  --alpha-16: 0.16;
  --color-logo-bg: var(--color-surface);
 --color-card-bg: var(--color-surface); /* 🆕 valore di fallback */
}

/* transizione globale fra temi */
html[data-theme] {
  transition: background-color 0.3s ease, color 0.3s ease;
}