/* assets/css/variabili.css */
:root {
  /* Palette */
  --hm-verde-900: #0b1f0b;
  --hm-verde-700: #1f4d1f;
  --hm-verde-500: #32702d;
  --hm-verde-300: #6fae5f;
  --hm-ambra-500: #ffe066;
  --hm-ambra-300: #ffd23f;
  --hm-crema:     #f6f1e7;
  --hm-notte:     #071007;

  /* Tipografia */
  --hm-font-base: system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
  --hm-font-display: "Bahnschrift", "Segoe UI", system-ui, sans-serif;
  --hm-fs-base: 16px;
  --hm-fs-h2:   clamp(1.4rem, 2.2vw + 0.6rem, 2rem);
  --hm-fs-h1:   clamp(2rem, 4vw + 0.6rem, 3.4rem);

  /* Spaziature */
  --hm-sp-1: 4px;
  --hm-sp-2: 8px;
  --hm-sp-3: 16px;
  --hm-sp-4: 24px;
  --hm-sp-5: 40px;

  /* Raggi e ombre */
  --hm-radius-sm: 8px;
  --hm-radius-md: 16px;
  --hm-radius-pill: 999px;
  --hm-shadow-soft: 0 8px 30px rgba(0,0,0,.35);
  --hm-shadow-glow: 0 0 12px 2px rgba(255,224,102,.55);

  /* Tempi animazione */
  --hm-t-fast: 160ms;
  --hm-t-med:  280ms;
  --hm-t-slow: 450ms;
  --hm-ease: cubic-bezier(.2,.7,.2,1);

  /* Scala z-index documentata */
  --hm-z-media:    1;
  --hm-z-frame:    2;
  --hm-z-hotspots: 10;
  --hm-z-pannellum:20;
  --hm-z-nav:      40;
  --hm-z-bussola:  43;
  --hm-z-frecce:   44;
  --hm-z-fab:      45;
  --hm-z-tooltip:  46;
  --hm-z-panel:    50;
  --hm-z-loader:   60;
  --hm-z-badge:    70;
  --hm-z-modal:    80;
  --hm-z-banner:   85;
  --hm-z-loaderpg: 9998;
}

/* Reduced motion: azzera solo tempi di movimento, mantieni opacità/colore */
@media (prefers-reduced-motion: reduce) {
  :root { --hm-t-fast: 0ms; --hm-t-med: 0ms; --hm-t-slow: 0ms; }
  *, *::before, *::after {
    animation-duration: 0.01ms !important;
    animation-iteration-count: 1 !important;
    transition-duration: 0.01ms !important;
  }
}