/*
 * Fondamenta del tema. L'aspetto dei contenuti è tutto in Elementor: Impostazioni sito
 * (colori, tipografia, spaziatura paragrafi) e impostazioni dei singoli elementi.
 * Le variabili qui sotto servono solo come scorciatoie nel CSS personalizzato degli elementi
 * e seguono i Colori globali di Elementor.
 */
:root {
  color-scheme: light;
  --radius:         0.5rem;
  --shadow-card:    0 4px 24px -4px hsl(218 63% 18% / 0.12);
  --shadow-navy:    0 8px 32px -8px hsl(218 63% 18% / 0.35);
  --gradient-hero:  linear-gradient(135deg, hsl(220,70%,10%) 0%, hsl(218,63%,18%) 60%, hsl(196,80%,25%) 100%);
}

body {
  --navy:var(--e-global-color-primary,hsl(218,63%,18%));
  --navy-light:var(--e-global-color-navyl,hsl(218,50%,26%));
  --navy-dark:var(--e-global-color-navyd,hsl(220,70%,10%));
  --teal:var(--e-global-color-secondary,hsl(196,80%,38%));
  --teal-light:var(--e-global-color-teall,hsl(196,70%,48%));
  --bg:var(--e-global-color-sfondo,hsl(210,20%,98%));
  --fg:var(--e-global-color-text,hsl(215,40%,10%));
  --muted:var(--e-global-color-tenue,hsl(210,20%,96%));
  --muted-fg:var(--e-global-color-tenuefg,hsl(215,20%,50%));
  --border:var(--e-global-color-bordo,hsl(215,25%,88%));
  --whatsapp:var(--e-global-color-wa,#25D366);
  --whatsapp-hover:var(--e-global-color-wahover,#1ebe5b);
}

*,*::before,*::after{box-sizing:border-box}
html{scroll-behavior:smooth}
body{font-family:'Inter',sans-serif;background-color:var(--bg);color:var(--fg);margin:0;padding:0;line-height:1.6}
h1,h2,h3,h4,h5,h6{font-family:'Sora',sans-serif;margin:0;line-height:1.2}
img{max-width:100%;height:auto;display:block}
a{color:inherit;text-decoration:none}
p{margin-top:0}