/* ── DESIGN TOKENS ── */
:root {
  --navbar-height: 96px; /* altezza dell'header fisso */
  --font-label: 'Montserrat', sans-serif;
  --brand: #6f423f;
  --text-primary: #332e2c;
  --text-secondary: #7d706c;
  --text-hint: #7d706c;
  --bg: #f7f5f4;
  --surface-inverse: #332e2c;
  --border: #e8e4e2;
  --border-on-dark: rgba(255, 255, 255, 0.1);
  --text-on-dark-primary: #f7f5f4;
  --text-on-dark-secondary: #cbc4c1;
  --warning-bg: #fffcf0;
  --warning-icon-bg: #e8a800;
  --warning-text: #a86d00;
  --radius-s: 12px;
  --radius-m: 24px;
  --sp-xs: 8px;
  --sp-s: 12px;
  --sp-m: 24px;
  --sp-l: 48px;
  --sp-xl: 96px;
}