/* Tema "Linea nero-oro" (Zero UI). Cambiare aspetto = cambiare i valori di questo file.
   Importato da SSO (Django) come unica fonte dei token. Port fedele di
   zero1dev-ui-template/src/theme/tokens.css. */
:root {
  /* Il tema esiste solo in chiaro: senza questa riga un PC con OS in modalita' scura fa
     rendere al browser i controlli nativi (input, select, scrollbar, selettore data) in
     scuro, sopra le nostre regole. Vale anche per l'admin, dove Unfold non lo dichiara. */
  color-scheme: light;

  --font-sans: "Segoe UI Variable Text", "Segoe UI", system-ui, -apple-system, Arial, sans-serif;

  /* semantici (R G B, per supportare l'opacita' di Tailwind) */
  --c-bg: 242 242 239;
  --c-surface: 255 255 255;
  --c-ink: 11 11 11;
  --c-muted: 95 95 90;
  --c-line: 222 222 216;
  --c-line-strong: 196 196 189;   /* bordo delle superfici "sollevate" (dropdown, modale, header sticky) */
  --c-brand: 232 184 40;          /* oro del logo: solo come campo con testo nero */
  --c-on-brand: 11 11 11;
  --c-rail: 11 11 11;
  --c-on-rail: 255 255 255;

  /* forme e movimento */
  --r-card: 12px;
  --r-control: 9px;
  --r-pill: 9999px;
  --dur-fast: 120ms;
  --dur-base: 200ms;

  /* spaziature del sistema (i nomi sono quelli usati nelle regole del tema) */
  --space-xs: 0.5rem;
  --space-sm: 0.75rem;
  --space-md: 1rem;
  --space-lg: 1.5rem;
  --space-xl: 2rem;

  /* tipografia (taglie normative; le utility Tailwind corrispondenti le rispecchiano) */
  --text-title: 1.5rem;
  --text-section: 0.875rem;
  --text-body: 0.875rem;
  --text-label: 0.75rem;

  /* profondita' degli strati: il tema non usa ombre, solo l'ordine */
  --z-dropdown: 50;
  --z-modal: 1000;

  /* elevazione: il tema resta piatto. L'UNICA eccezione e' il livello flottante
     (dropdown, modale, header sticky): una sola ombra morbida, corta e chiara.
     Piu' un filo di luce interna per le superfici colorate/oro. */
  --shadow-float: 0 12px 28px -14px rgb(11 11 11 / 0.22), 0 2px 6px -3px rgb(11 11 11 / 0.10);
  --light-inset: inset 0 1px 0 rgb(255 255 255 / 0.7);

  /* palette Tailwind rimappate: n = neutri, a = accento storico (nero + oro chiaro) */
  --n-50: 247 247 244;  --n-100: 242 242 239; --n-200: 222 222 216; --n-300: 196 196 189;
  --n-400: 169 169 162; --n-500: 138 138 133; --n-600: 95 95 90;    --n-700: 67 67 63;
  --n-800: 38 38 36;    --n-900: 11 11 11;
  --a-50: 251 243 214;  --a-100: 246 231 180; --a-200: 240 218 142; --a-300: 235 203 94;
  --a-400: 232 184 40;  --a-500: 232 184 40;  --a-600: 11 11 11;    --a-700: 43 43 40;
  --a-800: 11 11 11;    --a-900: 0 0 0;
  --ok-50: 236 246 240;  --ok-100: 214 235 221; --ok-200: 179 215 192; --ok-300: 140 195 160; --ok-400: 82 168 119;
  --ok-500: 31 138 76;   --ok-600: 23 112 61;  --ok-700: 20 83 45;    --ok-800: 15 64 35;    --ok-900: 10 46 25;
  --bad-50: 254 241 239; --bad-100: 253 228 225; --bad-200: 249 197 191; --bad-300: 243 150 141; --bad-400: 232 92 80;
  --bad-500: 217 45 32;  --bad-600: 180 35 24;  --bad-700: 145 32 24;   --bad-800: 122 26 20;   --bad-900: 92 19 15;
  --warn-50: 253 246 221; --warn-100: 249 233 176; --warn-200: 244 219 138; --warn-300: 239 203 90; --warn-400: 232 184 40;
  --warn-500: 232 184 40; --warn-600: 181 138 11;  --warn-700: 122 90 0;    --warn-800: 92 67 0;   --warn-900: 61 45 0;
}
@media (prefers-reduced-motion: reduce) {
  :root { --dur-fast: 0ms; --dur-base: 0ms; }
}