/*
Theme Name: Sereco Base
Theme URI: https://www.serecomedical.it
Description: Tema padre di Sereco Medical: palette e fondamenta del design (navy / teal) del sito Sereco. Il tema figlio "Sereco Elementor" estende questa base.
Version: 1.0.0
Author: Sereco Medical
Text Domain: sereco-base
*/

:root {
  color-scheme: light;
  --navy:           hsl(218, 63%, 18%);
  --navy-light:     hsl(218, 50%, 26%);
  --navy-dark:      hsl(220, 70%, 10%);
  --teal:           hsl(196, 80%, 38%);
  --teal-light:     hsl(196, 70%, 48%);
  --bg:             hsl(210, 20%, 98%);
  --fg:             hsl(215, 40%, 10%);
  --card:           #fff;
  --muted:          hsl(210, 20%, 96%);
  --muted-fg:       hsl(215, 20%, 50%);
  --border:         hsl(215, 25%, 88%);
  --whatsapp:       #25D366;
  --whatsapp-hover: #1ebe5b;
  --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);
  --shadow-teal:    0 4px 20px -4px hsl(196 80% 38% / 0.3);
  --gradient-hero:  linear-gradient(135deg, hsl(220,70%,10%) 0%, hsl(218,63%,18%) 60%, hsl(196,80%,25%) 100%);
}

*,*::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}