/* ANAD — design tokens
   Impianto svizzero: griglia a 12 colonne, spaziatura su base 8, un solo accento.
   Colori del logo ufficiale (ANAD_Logo_Restyling_2024, SVG): navy #181F49, rosso #E21E33.
   Le specifiche in DESIGN BRAND riportavano un blu #0068C9 "dedotto dalle grafiche":
   qui prevale il file logo. */

:root {
  /* Brand */
  --anad-navy: #181F49;
  --anad-navy-deep: #0E1333;
  --anad-red: #E21E33;
  --anad-red-text: #B3122A;     /* rosso per testo piccolo: 6,9:1 su bianco */
  --anad-red-deep: #B7101F;

  /* Neutri */
  --anad-ink: #14161F;
  --anad-paper: #FFFFFF;
  --anad-mist: #EEF1F7;
  --anad-mist-2: #F5F7FB;
  --anad-line: #D6DCE8;
  --anad-line-strong: #7E8AA4;  /* 3,47:1 su bianco: soglia dei componenti */
  --anad-grey: #545C70;

  /* Ruoli */
  --color-bg: var(--anad-paper);
  --color-text: var(--anad-ink);
  --color-text-soft: var(--anad-grey);
  --color-accent: var(--anad-navy);
  --color-mark: var(--anad-red);
  --color-surface: var(--anad-mist-2);
  --color-border: var(--anad-line);

  /* Su fondo navy */
  --on-navy: #FFFFFF;
  --on-navy-soft: #C3C9DC;          /* 9,64:1 su navy */
  --on-navy-mark: #EE6470;          /* 5,08:1 su navy: il rosso pieno si ferma a 3,40 */
  --on-navy-line: rgba(255, 255, 255, 0.28);

  /* Tipografia
     Due famiglie, come chiede la brand identity: condensata per i titoli,
     sans pulita per i testi. Il maiuscolo resta alle etichette brevi: sui
     titoli lunghi rallenta la lettura. */
  --font-display: 'Oswald', 'Arial Narrow', system-ui, sans-serif;
  --font-body: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', Arial, sans-serif;

  /* Scala modulare 12 14 16 18 21 28 38 52 */
  --text-xs: 0.8125rem;   /* 13px: sotto, il maiuscolo spaziato si legge male */
  --text-sm: 0.875rem;
  --text-base: 1rem;
  --text-md: 1.125rem;
  --text-lg: clamp(1.1875rem, 1.12rem + 0.3vw, 1.3125rem);
  --text-xl: clamp(1.5rem, 1.35rem + 0.7vw, 1.75rem);
  --text-2xl: clamp(1.875rem, 1.6rem + 1.2vw, 2.375rem);
  --text-3xl: clamp(2.25rem, 1.85rem + 1.8vw, 3.25rem);

  --leading-tight: 1.06;
  --leading-snug: 1.2;
  --leading-body: 1.62;
  --tracking-display: -0.012em;
  --tracking-eyebrow: 0.14em;

  /* Spaziatura: base 8 */
  --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: 4rem;
  --space-9: 6rem;
  --space-section: clamp(3.5rem, 2.5rem + 4vw, 6.5rem);
  --space-section-tight: clamp(2.5rem, 2rem + 2.4vw, 4rem);

  /* Griglia */
  --grid-columns: 12;
  --grid-gap: clamp(1rem, 0.6rem + 1.2vw, 1.75rem);
  --gutter: clamp(1.25rem, 0.8rem + 2.2vw, 3.5rem);
  /* Misura in em, non in ch: il "ch" di Inter è largo e in italiano
     66ch rendevano 90 caratteri per riga. 33em ne rendono circa 72. */
  --measure: 33em;
  --measure-tight: 27em;
  --shell: 80rem;

  --radius-sm: 0;
  --radius-md: 0;

  /* Movimento: breve, uno o due elementi per schermata */
  --duration-fast: 150ms;
  --duration-normal: 260ms;
  --duration-slow: 520ms;
  --ease-out-quart: cubic-bezier(0.25, 1, 0.5, 1);
  --ease-out-expo: cubic-bezier(0.16, 1, 0.3, 1);

  --header-h: 4.5rem;
}

@media (prefers-reduced-motion: reduce) {
  :root {
    --duration-fast: 1ms;
    --duration-normal: 1ms;
    --duration-slow: 1ms;
  }
}