/* ==========================================================================
   H.E.L.P. · tema shadcn/ui (Task DSG-01)
   Export del designer (04/10/2026): valori allineati alle variabili Figma
   "HELP Web · Colori" (Chiaro / Scuro), che a loro volta puntano a
   "HELP Brand · Palette". Il nome della palette e' indicato accanto a ogni valore.

   Questo e' l'UNICO file coi colori del tema: quando il designer ne consegna uno nuovo
   si sostituisce questo e basta. Le correzioni di contrasto stanno in
   theme.overrides.css (caricato DOPO), cosi' l'export resta intatto e le correzioni sono
   reversibili cancellando un file. Il blocco `@theme inline` dell'export sta in
   Styles/tailwind.css, perche' e' una direttiva di Tailwind e non CSS semplice.
   ========================================================================== */

:root {
  --background: oklch(1.0000 0 0);                          /* bianco */
  --foreground: oklch(0.3325 0.0411 178.1388);              /* bosco */
  --card: oklch(1.0000 0 0);                                /* bianco */
  --card-foreground: oklch(0.3325 0.0411 178.1388);         /* bosco */
  --popover: oklch(1.0000 0 0);                             /* bianco */
  --popover-foreground: oklch(0.3325 0.0411 178.1388);      /* bosco */
  --primary: oklch(0.4941 0.0978 170.0474);                 /* smeraldo */
  --primary-foreground: oklch(1.0000 0 0);                  /* bianco */
  --secondary: oklch(0.9576 0.0050 165.0059);               /* grigio-100 */
  --secondary-foreground: oklch(0.3325 0.0411 178.1388);    /* bosco */
  --muted: oklch(0.9576 0.0050 165.0059);                   /* grigio-100 */
  --muted-foreground: oklch(0.4749 0.0250 174.0332);        /* grigio-600 */
  --accent: oklch(0.9417 0.0144 169.2333);                  /* verde-100 */
  --accent-foreground: oklch(0.3325 0.0411 178.1388);       /* bosco */
  --destructive: oklch(0.6710 0.2168 29.1942);              /* allerta */
  --destructive-foreground: oklch(1.0000 0 0);              /* bianco */
  --border: oklch(0.8906 0.0095 171.7695);                  /* grigio-200 */
  --input: oklch(0.8906 0.0095 171.7695);                   /* grigio-200 */
  --ring: oklch(0.4941 0.0978 170.0474);                    /* smeraldo */
  --chart-1: oklch(0.4941 0.0978 170.0474);                 /* smeraldo */
  --chart-2: oklch(0.5416 0.0933 190.9256);                 /* laguna-scuro */
  --chart-3: oklch(0.7258 0.1205 147.6307);                 /* segnale */
  --chart-4: oklch(0.4316 0.0540 172.4059);                 /* bosco-chiaro */
  --chart-5: oklch(0.7574 0.0217 173.7289);                 /* grigio-300 */
  --sidebar: oklch(0.9576 0.0050 165.0059);                 /* grigio-100 */
  --sidebar-foreground: oklch(0.3325 0.0411 178.1388);      /* bosco */
  --sidebar-primary: oklch(0.4941 0.0978 170.0474);         /* smeraldo */
  --sidebar-primary-foreground: oklch(1.0000 0 0);          /* bianco */
  --sidebar-accent: oklch(0.9417 0.0144 169.2333);          /* verde-100 */
  --sidebar-accent-foreground: oklch(0.3325 0.0411 178.1388); /* bosco */
  --sidebar-border: oklch(0.8906 0.0095 171.7695);          /* grigio-200 */
  --sidebar-ring: oklch(0.4941 0.0978 170.0474);            /* smeraldo */

  /* Token specifici H.E.L.P. (fuori dallo standard shadcn) */
  --destructive-subtle: oklch(0.9443 0.0278 25.8531);       /* allerta-100 · sfondo card emergenza */
  --text-destructive: oklch(0.5874 0.1981 29.6435);         /* allerta-scuro · testi di allarme */
  --help-posizione: oklch(0.5416 0.0933 190.9256);          /* laguna-scuro */
  --help-posizione-punto: oklch(0.8004 0.1090 192.9714);    /* laguna */
  --help-emergenza-sfondo: oklch(0.9443 0.0278 25.8531);    /* allerta-100 */
  --help-successo-sfondo: oklch(0.9417 0.0144 169.2333);    /* verde-100 */
  --help-testo-terziario: oklch(0.6190 0.0200 174.9004);    /* grigio-400 */

  /* Atkinson Hyperlegible: i file sono ospitati in locale (theme.overrides.css). */
  --font-sans: "Atkinson Hyperlegible Next", ui-sans-serif, system-ui, sans-serif;
  --font-serif: "Atkinson Hyperlegible Next", ui-sans-serif, system-ui, sans-serif;
  --font-mono: "Atkinson Hyperlegible Mono", ui-monospace, monospace;

  --radius: 0.5rem;   /* sm 4px · md 6px · lg 8px · xl 12px (card) */

  /* Ombre quasi assenti: l'interfaccia separa con bordi, non con ombre */
  --shadow-x: 0px;
  --shadow-y: 1px;
  --shadow-blur: 2px;
  --shadow-spread: 0px;
  --shadow-opacity: 0.06;
  --shadow-color: hsl(165 100% 3%);                         /* notte */
  --shadow-2xs: 0px 1px 2px 0px hsl(165 100% 3% / 0.03);
  --shadow-xs: 0px 1px 2px 0px hsl(165 100% 3% / 0.03);
  --shadow-sm: 0px 1px 2px 0px hsl(165 100% 3% / 0.06), 0px 1px 2px -1px hsl(165 100% 3% / 0.06);
  --shadow: 0px 1px 2px 0px hsl(165 100% 3% / 0.06), 0px 1px 2px -1px hsl(165 100% 3% / 0.06);
  --shadow-md: 0px 1px 2px 0px hsl(165 100% 3% / 0.06), 0px 2px 4px -1px hsl(165 100% 3% / 0.06);
  --shadow-lg: 0px 1px 2px 0px hsl(165 100% 3% / 0.06), 0px 4px 6px -1px hsl(165 100% 3% / 0.06);
  --shadow-xl: 0px 1px 2px 0px hsl(165 100% 3% / 0.06), 0px 8px 10px -1px hsl(165 100% 3% / 0.06);
  --shadow-2xl: 0px 1px 2px 0px hsl(165 100% 3% / 0.15);
  --tracking-normal: 0em;
  --spacing: 0.25rem;
}

.dark {
  --background: oklch(0.1425 0.0258 180.1895);              /* notte */
  --foreground: oklch(1.0000 0 0);                          /* bianco */
  --card: oklch(0.2212 0.0271 174.6461);                    /* notte-1 */
  --card-foreground: oklch(1.0000 0 0);                     /* bianco */
  --popover: oklch(0.2645 0.0305 174.3479);                 /* notte-2 */
  --popover-foreground: oklch(1.0000 0 0);                  /* bianco */
  --primary: oklch(0.7258 0.1205 147.6307);                 /* segnale */
  --primary-foreground: oklch(0.1425 0.0258 180.1895);      /* notte */
  --secondary: oklch(0.2645 0.0305 174.3479);               /* notte-2 */
  --secondary-foreground: oklch(1.0000 0 0);                /* bianco */
  --muted: oklch(0.2645 0.0305 174.3479);                   /* notte-2 */
  --muted-foreground: oklch(0.7574 0.0217 173.7289);        /* grigio-300 */
  --accent: oklch(0.2928 0.0430 175.6518);                  /* verde-900 */
  --accent-foreground: oklch(1.0000 0 0);                   /* bianco */
  --destructive: oklch(0.6710 0.2168 29.1942);              /* allerta (invariato) */
  --destructive-foreground: oklch(1.0000 0 0);              /* bianco */
  --border: oklch(0.3043 0.0242 174.4571);                  /* notte-3 */
  --input: oklch(0.3043 0.0242 174.4571);                   /* notte-3 */
  --ring: oklch(0.7258 0.1205 147.6307);                    /* segnale */
  --chart-1: oklch(0.7258 0.1205 147.6307);                 /* segnale */
  --chart-2: oklch(0.8004 0.1090 192.9714);                 /* laguna */
  --chart-3: oklch(0.4941 0.0978 170.0474);                 /* smeraldo */
  --chart-4: oklch(0.5921 0.0250 175.3726);                 /* grigio-500 */
  --chart-5: oklch(0.4749 0.0250 174.0332);                 /* grigio-600 */
  --sidebar: oklch(0.2212 0.0271 174.6461);                 /* notte-1 */
  --sidebar-foreground: oklch(1.0000 0 0);                  /* bianco */
  --sidebar-primary: oklch(0.7258 0.1205 147.6307);         /* segnale */
  --sidebar-primary-foreground: oklch(0.1425 0.0258 180.1895); /* notte */
  --sidebar-accent: oklch(0.2928 0.0430 175.6518);          /* verde-900 */
  --sidebar-accent-foreground: oklch(1.0000 0 0);           /* bianco */
  --sidebar-border: oklch(0.3043 0.0242 174.4571);          /* notte-3 */
  --sidebar-ring: oklch(0.7258 0.1205 147.6307);            /* segnale */

  --destructive-subtle: oklch(0.2524 0.0595 26.8175);       /* allerta-900 */
  --text-destructive: oklch(0.7091 0.1835 28.3704);         /* allerta-chiaro */
  --help-posizione: oklch(0.8004 0.1090 192.9714);          /* laguna */
  --help-posizione-punto: oklch(0.8004 0.1090 192.9714);    /* laguna */
  --help-emergenza-sfondo: oklch(0.2524 0.0595 26.8175);    /* allerta-900 */
  --help-successo-sfondo: oklch(0.2928 0.0430 175.6518);    /* verde-900 */
  --help-testo-terziario: oklch(0.5921 0.0250 175.3726);    /* grigio-500 */

  --shadow-opacity: 0.4;
  --shadow-color: hsl(165 100% 1%);
  --shadow-2xs: 0px 1px 2px 0px hsl(165 100% 1% / 0.2);
  --shadow-xs: 0px 1px 2px 0px hsl(165 100% 1% / 0.2);
  --shadow-sm: 0px 1px 2px 0px hsl(165 100% 1% / 0.4), 0px 1px 2px -1px hsl(165 100% 1% / 0.4);
  --shadow: 0px 1px 2px 0px hsl(165 100% 1% / 0.4), 0px 1px 2px -1px hsl(165 100% 1% / 0.4);
  --shadow-md: 0px 1px 2px 0px hsl(165 100% 1% / 0.4), 0px 2px 4px -1px hsl(165 100% 1% / 0.4);
  --shadow-lg: 0px 1px 2px 0px hsl(165 100% 1% / 0.4), 0px 4px 6px -1px hsl(165 100% 1% / 0.4);
  --shadow-xl: 0px 1px 2px 0px hsl(165 100% 1% / 0.4), 0px 8px 10px -1px hsl(165 100% 1% / 0.4);
  --shadow-2xl: 0px 1px 2px 0px hsl(165 100% 1% / 0.6);
}