/* ==========================================================================
   Contea — design tokens
   Colori obbligatori (design-guidelines.md): #41683A, #CBDEB8, #EC722C.
   Tutti gli altri valori derivano da questi tre: non aggiungere colori altrove.
   ========================================================================== */

:root {
  /* --- Colore ---------------------------------------------------------- */
  --forest: #41683A;          /* verde primario: testo forte, link, linee */
  --forest-deep: #233A20;     /* fondi scuri (utility bar, footer) */
  --sage: #CBDEB8;            /* verde secondario: SOLO fondi e accenti, mai testo su chiaro */
  --mist: #EEF4E8;            /* velatura della salvia per fasce e pannelli */
  --paper: #FFFFFF;

  --heat: #EC722C;            /* arancione: CTA e "mandata" negli schemi */
  --heat-text: #A4461A;       /* arancione scurito per testo su chiaro (AA 6.0:1) */
  --heat-wash: #FBE3D4;       /* velatura dell'arancione: radiatori caldi negli schemi */

  --ink: #1B2819;             /* testo principale, 15.4:1 su bianco */
  --ink-soft: #4A5747;        /* testo secondario, 7.7:1 su bianco */
  --rule: #C6D2BE;            /* filetti e bordi */
  --rule-strong: #8FA487;

  --focus: #EC722C;

  /* --- Tipografia ------------------------------------------------------ */
  --font-display: "Instrument Sans", "Arial Narrow", system-ui, sans-serif;
  --font-body: "Instrument Sans", system-ui, -apple-system, "Segoe UI", sans-serif;
  --font-mono: "IBM Plex Mono", ui-monospace, "Cascadia Mono", Consolas, monospace;

  --wdth-display: 78;         /* titoli condensati, da tavola tecnica */
  --wdth-body: 100;

  /* Scala modulare ~1.25 su base 17px */
  --step--2: 0.75rem;                                   /* 12 */
  --step--1: 0.875rem;                                  /* 14 */
  --step-0: 1.0625rem;                                  /* 17 */
  --step-1: 1.3125rem;                                  /* 21 */
  --step-2: 1.625rem;                                   /* 26 */
  --step-3: clamp(1.75rem, 1.4rem + 1.4vw, 2.125rem);   /* 28–34 */
  --step-4: clamp(2.125rem, 1.6rem + 2.4vw, 3rem);      /* 34–48 */
  --step-5: clamp(2.5rem, 1.6rem + 4.2vw, 4.5rem);      /* 40–72 */

  --leading-tight: 1.02;
  --leading-snug: 1.25;
  --leading-body: 1.6;

  --measure: 68ch;

  /* --- Spaziatura ------------------------------------------------------ */
  --space-1: 0.25rem;
  --space-2: 0.5rem;
  --space-3: 0.75rem;
  --space-4: 1rem;
  --space-5: 1.5rem;
  --space-6: 2rem;
  --space-7: 3rem;
  --space-8: 4.5rem;
  --space-9: 7rem;

  --gutter: clamp(1rem, 0.4rem + 2.6vw, 2.5rem);
  --wrap: 1240px;

  /* --- Forme ----------------------------------------------------------- */
  --radius-control: 3px;      /* bottoni, campi */
  --radius-display: 6px;      /* finestra display .meter */

  --ease-out: cubic-bezier(.2, .7, .2, 1);
}