/* ============================================================
   MALSCH ITALIA — Design tokens
   Impianto ereditato dal tema Mital: regola 80/15/5 (neutri come
   struttura, foto come colore, brand solo come firma), scala 8pt,
   zero raggi e zero ombre.
   L'accento è il salvia del marchio attuale (#A7A58F): ha 2,5:1 su
   bianco, quindi vale solo per segni decorativi (frecce, dot, bordi).
   Per testi e pulsanti si usa --color-brand-dark (5,3:1 → WCAG AA).
   ============================================================ */

@font-face {
  font-family: 'Inter';
  src: url('../fonts/InterVariable.woff2') format('woff2');
  font-weight: 100 900;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Inter';
  src: url('../fonts/InterVariable-Italic.woff2') format('woff2');
  font-weight: 100 900;
  font-style: italic;
  font-display: swap;
}

:root {
  /* Colori */
  --color-bg: #FFFFFF;
  --color-bg-alt: #F5F4F2;
  --color-text: #111111;
  --color-text-soft: #767468;   /* 5,1:1 su bianco: leggibile anche per le etichette */
  --color-brand: #A7A58F;       /* salvia del marchio — solo segni decorativi */
  --color-brand-dark: #6E6C57;  /* 5,3:1 su bianco — testi, pulsanti, hover */
  --color-logo: #231F20;
  --color-line: #E3E1DD;

  /* Tipografia — una famiglia, gerarchia per dimensione non per peso */
  --font-sans: 'Inter', -apple-system, 'Helvetica Neue', Arial, sans-serif;

  --text-body: clamp(1rem, 0.95rem + 0.2vw, 1.125rem);      /* 16–18px */
  --text-h2: clamp(1.375rem, 1.2rem + 0.55vw, 1.625rem);    /* 22–26px */
  --text-display: clamp(2rem, 1.55rem + 1.4vw, 2.6875rem);  /* 32–43px */
  --text-label: 0.8125rem;
  --leading-body: 1.6;
  --tracking-label: 0.05em;

  /* Spaziatura — scala 8pt */
  --space-1: 8px;
  --space-2: 16px;
  --space-3: 24px;
  --space-4: 32px;
  --space-6: 48px;
  --space-8: 64px;
  --space-10: 80px;
  --space-15: 120px;
  --space-20: 160px;
  --section-gap: clamp(64px, 4vw + 40px, 160px);

  /* Layout */
  --grid-gutter: 24px;
  --page-margin: max(5vw, 24px);
  --container-inset: max(var(--page-margin), calc((100vw - 1600px) / 2 + var(--page-margin)));
  --measure: 720px;
  --header-h: 76px;

  /* Motion */
  --ease-out: cubic-bezier(0.22, 1, 0.36, 1);
  --dur-hover: 0.6s;
  --dur-reveal: 0.7s;

  /* Zero raggi, zero ombre */
  --radius: 0;
  --shadow: none;
}