/* Design Tokens v1 → v2 (consolidato)
   Base per Design System v2 Audit */

:root {
  /* BRAND COLORS */
  --color-brand-navy: #263c5c;
  --color-brand-navy-dark: #1b2a3f;
  --color-brand-navy-light: #364a5f;

  /* Ricalibrati 2026-08-05 per contrasto WCAG AA (audit /impeccable): i valori
     precedenti (#ea5821 su bianco ≈3.55:1, #d95400 ≈4.03:1) erano sotto la
     soglia 4.5:1 richiesta per testo normale (WCAG 1.4.3) quando usati come
     sfondo con testo bianco sopra (voce attiva sidebar, bottoni). Stessa
     famiglia hue (~16°), solo più scuri. Vedi DESIGN.md §2 per i casi d'uso. */
  --color-accent-orange: #c34c00;       /* era #ea5821 — sfondo con testo bianco: bottoni, voce attiva sidebar (≈4.82:1) */
  --color-accent-orange-dark: #a33f00;  /* era #d95400 — hover/stati scuri (≈6.43:1) */
  --color-accent-orange-light: #ff6600; /* invariato: SOLO uso decorativo (icone su sfondo chiaro), mai come sfondo con testo bianco sopra ne' come testo su navy */
  --color-accent-orange-on-navy: #f18f6a; /* NUOVO: testo/link arancio leggibile su sfondo navy (footer-link:hover, cookie banner, icona logo login) — ≈4.71:1 su #263c5c */

  /* NEUTRAL */
  --color-neutral-white: #ffffff;
  --color-neutral-bg-light: #f8f9fa;
  --color-neutral-bg-lighter: #f9f9f9;
  /* Stesso valore di --color-neutral-divider, ma nome separato per lo scopo
     reale d'uso (audit 2026-09-02 §U-12): era --color-neutral-divider a fare
     da sfondo di body/html e .login-page-container in main.css — un nome
     che dichiara un altro scopo (i divisori). Nessun cambio visivo: stesso
     esadecimale, solo la semantica del token corretta. */
  --color-neutral-bg-page: #e9ecef;
  --color-neutral-divider: #e9ecef;
  --color-neutral-text-secondary: #555555;
  --color-neutral-text-primary: #333333;

  /* STATUS (Bootstrap) */
  --color-success: #198754;
  --color-danger: #dc3545;
  --color-warning: #ffc107;
  --color-info: #0dcaf0;

  /* SPACING (8px base) */
  --spacing-xs: 4px;
  --spacing-sm: 8px;
  --spacing-md: 16px;
  --spacing-lg: 24px;
  --spacing-xl: 32px;
  --spacing-2xl: 48px;

  /* RADIUS */
  --radius-sm: 4px;
  --radius-md: 8px;
  --radius-lg: 12px;
  /* --radius-xl: valore già usato de facto da 20 pagine views/common/* tramite
     l'utility Bootstrap .rounded-4 (16px) per .card-flat, mai promosso a
     token — audit /impeccable 2026-08-31. Consolidato qui invece di
     introdurre un nuovo valore letterale: chiude la scala 4/8/12/16. */
  --radius-xl: 16px;

  /* SHADOW */
  --shadow-sm: 0 2px 4px rgba(0, 0, 0, 0.1);
  --shadow-md: 0 2px 8px rgba(0, 0, 0, 0.1);
  --shadow-lg: 0 4px 16px rgba(0, 0, 0, 0.15);

  /* Ombra card login/registrazione/reset (DESIGN.md §4 "Ombra Card Login"):
     era un valore letterale non ancora portato a token, in due layer perché
     il drawer riusa deliberatamente solo il secondo (vedi admin.css) — audit
     2026-08-05, consolidato qui invece di lasciarlo ripetuto. */
  --shadow-login-card-1: 0 4px 8px rgba(0, 0, 0, 0.2);
  --shadow-login-card-2: 0 6px 20px rgba(0, 0, 0, 0.19);

  /* Overlay semitrasparente dietro drawer/modal (era rgba(0,0,0,0.3) ripetuto
     identico in due punti di admin.css, mai tokenizzato). */
  --overlay-backdrop: rgba(0, 0, 0, 0.3);

  /* TYPOGRAPHY */
  --font-size-xs: 12px;
  --font-size-sm: 14px;
  --font-size-base: 16px;
  --font-size-lg: 18px;
  --font-size-xl: 22px;
  --font-size-2xl: 28px;

  --font-weight-normal: 400;
  --font-weight-semibold: 600;
  --font-weight-bold: 700;

  --line-height-tight: 1.2;
  --line-height-normal: 1.5;
  --line-height-relaxed: 1.75;

  /* Z-INDEX */
  --z-index-dropdown: 1000;
  --z-index-sticky: 1020;
  --z-index-fixed: 1030;
  --z-index-modal-backdrop: 1040;
  --z-index-drawer: 1050;
  --z-index-modal: 1060;
  --z-index-popover: 1070;
  --z-index-toast: 1080;
  --z-index-tooltip: 1090;
}