/*
 * Boilerplate — Design Tokens
 *
 * ISTRUZIONI:
 * Questo è il primo file da personalizzare per ogni nuovo tema.
 * Estrai i valori dal mockup (Figma, XD, ecc.) e inseriscili qui.
 * Tutto il CSS del tema usa queste variabili — cambia qui, cambia ovunque.
 */

/* ── Ecogest srl — Design tokens ────────────────────────────────────────────── */
:root {
  --bg:         #f2f4ef;
  --ink:        #071d2a;
  --muted:      #66736f;
  --blue:       #062f4a;
  --green:      #54ad40;
  --green-dark: #2f7c2d;
  --paper:      #fff;
  --line:       rgba(7,29,42,.13);
  --glass:      rgba(255,255,255,.68);
  --sans:       "Inter", system-ui, sans-serif;
  --mono:       "IBM Plex Mono", ui-monospace, monospace;
  --radius:     32px;
}

/* ── Breakpoints (solo documentazione — usare media query nei CSS) ─────────── */
/*
  Mobile:   < 640px
  Tablet:   640px – 1023px
  Desktop:  ≥ 1024px
  Wide:     ≥ 1280px
*/