html,
:root {
  color-scheme: dark;
  --background: 0 0% 7%;
  --foreground: 0 0% 96%;
  --card: 0 0% 10%;
  --card-foreground: 0 0% 96%;
  --popover: 0 0% 10%;
  --popover-foreground: 0 0% 96%;
  --primary: 25 95% 53%;
  --primary-foreground: 0 0% 100%;
  --secondary: 0 0% 15%;
  --secondary-foreground: 0 0% 92%;
  --muted: 0 0% 15%;
  --muted-foreground: 0 0% 68%;
  --accent: 25 95% 53%;
  --accent-foreground: 0 0% 100%;
  --border: 0 0% 18%;
  --input: 0 0% 18%;
  --ring: 25 95% 53%;
  --sidebar-background: 0 0% 8%;
  --sidebar-foreground: 0 0% 92%;
  --sidebar-primary: 25 95% 53%;
  --sidebar-primary-foreground: 0 0% 100%;
  --sidebar-accent: 0 0% 15%;
  --sidebar-accent-foreground: 0 0% 92%;
  --sidebar-border: 0 0% 18%;
  --sidebar-ring: 25 95% 53%;
}

html {
  scroll-behavior: smooth;
}

body {
  background-color: hsl(var(--background)) !important;
  color: hsl(var(--foreground)) !important;
}

main {
  color: hsl(var(--foreground)) !important;
  background-color: hsl(var(--background)) !important;
}

main > section {
  background-color: hsl(var(--background));
}

body.menu-open {
  overflow: hidden;
}

[data-site-header] {
  will-change: background-color, box-shadow, backdrop-filter;
}

[data-site-header] .container {
  background: transparent;
}

[data-site-header].bg-transparent {
  background-color: hsl(var(--background) / 0.18);
  backdrop-filter: blur(10px);
}

[data-site-header].bg-background\/95 {
  background-color: hsl(var(--background) / 0.95) !important;
}

#hero,
#hero + section {
  background-color: hsl(var(--background)) !important;
}

#hero h1,
#hero h2,
#hero h3,
#chi-siamo h1,
#chi-siamo h2,
#chi-siamo h3,
main h1,
main h2,
main h3 {
  color: hsl(var(--foreground));
}

#hero p {
  color: hsl(var(--muted-foreground));
}

#hero .text-primary,
#chi-siamo .text-primary,
main .text-primary {
  color: hsl(var(--primary)) !important;
}

#hero .text-primary-foreground,
main .text-primary-foreground {
  color: hsl(var(--primary-foreground)) !important;
}

#chi-siamo p,
main p.text-muted-foreground {
  color: hsl(var(--muted-foreground));
}

footer {
  background-color: hsl(var(--background));
}