:root {
  --md-primary: #0E88A0;
  --md-bg: #F4F9FB;
  --md-surface: #F4F9FB;
  --md-text: #212121;
  --md-border: #e0e0e0;
}

/*
Originale prima versione
  --md-primary: #1976d2;
  --md-bg: #f5f6f8;
  --md-surface: #ffffff;
  --md-text: #212121;
  --md-border: #e0e0e0;
GPT
  --primary: #2A6F97;       blu medico (fiducia, professionalità) - navbar, header, elementi principali
  --secondary: #4CAF50;     verde salute (benessere, equilibrio) - success, stati positivi, conferme
  --accent: #00A8E8;        azzurro brillante (interazioni, CTA) - bottoni, link, hover
  --background: #F4F9FB;    sfondo chiaro (pulizia, leggibilità) - sfondo generale
  --text: #1B1F23;          testo scuro (contrasto e accessibilità) - testo principale

Mobile
  --primary-color: #0E88A0;    Teal - Fiducia e professionalità -  Colore principale (Header, Pulsanti)
  --accent-color: #00FFC2;     Menta digitale - Precisione e innovazione - Pulsanti Azione (CTA), Focus
  --bg-color: #F4F9FA;         Bianco sporco/azzurrino - Pulizia - Sfondo pulito, rilassante
  --text-color: #2D3436;       Antracite - Alta leggibilità - Testo principale, menu
  --border-color: #DAE7EE;     Grigio chiaro - Struttura - Bordi, schede, sfondi secondari
Colore    Scopo    HEX    Anteprima
*/



* {
  box-sizing: border-box;
  /*font-family: Roboto, Arial, sans-serif;*/
font-family:'Inter', sans-serif;  
}

body {
  margin: 0;
  background: var(--md-bg);
  color: var(--md-text);
}

body.dark {
  --md-primary: #90caf9;
  --md-bg: #121212;
  --md-surface: #1e1e1e;
  --md-text: #e0e0e0;
  --md-border: #2c2c2c;
}