/*
  MindEase — design token "Dashboard" (caricato dalle pagine supervisore/parent:
  dashboard.php e tutte le pagine che includono app/dashboard_sidebar_html.php).
  Sovrascrive i colori di theme.css mantenendone i NOMI delle variabili,
  così tutte le regole esistenti (card, badge, tabelle, form) ereditano la
  nuova palette senza modifiche.

  Direzione: chiaro crema, stessa famiglia della Chat (vedi "nuova grafica/
  MindEase Dashboard.dc.html", revisione aggiornata dall'utente), con scala di
  allarme dedicata alta/media/bassa/nessuna e accenti per categoria (teal,
  ambra, terracotta, blu, lavanda).
*/
:root {
  color-scheme: light;

  /* Superfici — crema chiaro, sidebar e navbar chiare */
  --me-bg:            #FAF9F5;
  --me-bg-soft:       #F0EEE6;
  --me-surface:       #FFFFFF;
  --me-surface-2:     #F0EEE6;
  --me-elevated:      #FFFFFF;
  --me-border:        #EBE8DE;
  --me-border-strong: #E0DCD1;

  /* Testo */
  --me-text:       #1F1E1D;
  --me-text-muted: #57534A;
  --me-text-soft:  #8A857A;

  /* Primario — teal (audit policy, "nessuna attenzione") */
  --me-primary:       #3E8E85;
  --me-primary-hover: #326F68;
  --me-primary-soft:  #E2F0EE;
  --me-primary-ink:   #2C6560;

  /* Segnali — scala allarme alta/media/bassa/nessuna del mockup */
  --me-success:      #3E8E85;   /* nessuna attenzione */
  --me-success-soft: #E2F0EE;
  --me-amber:        #B08420;   /* attenzione media */
  --me-amber-soft:   #F5EEDB;
  --me-coral:        #C25E4C;   /* alta attenzione */
  --me-coral-soft:   #F6E3DE;
  --me-danger:       #C25E4C;
  --me-danger-soft:  #F6E3DE;
  --me-lavender:      #6D5F92;  /* accento secondario (apprendimento) */
  --me-lavender-soft: #ECE8F1;
  --me-info:          #3676A0;  /* bassa attenzione, immagini */
  --me-info-soft:     #E1EEF4;

  /* Sidebar e navbar — chiare, come nel mockup */
  --me-sidebar:       #F0EEE6;
  --me-sidebar-2:     #E8E4D8;
  --me-sidebar-text:  #1F1E1D;
  --me-sidebar-muted: #57534A;

  --me-shadow-sm: 0 1px 2px rgba(31, 30, 29, .05);
  --me-shadow-md: 0 8px 24px rgba(31, 30, 29, .05);
  --me-shadow-lg: 0 18px 44px rgba(31, 30, 29, .08);

  /* Font brand: Nunito. --me-font-readable resta quello di theme.css. */
  --me-font-display: 'Nunito', system-ui, sans-serif;
  --me-font-ui:      'Nunito', system-ui, sans-serif;
}