/* ============================================================================
   SEAP Monitor — Design Tokens (sursă unică de adevăr)
   ----------------------------------------------------------------------------
   Toate valorile sunt EXACT cele folosite deja în site (consolidare, fără
   schimbare vizuală). De acum, o modificare aici se aplică pe tot site-ul.
   Inclus în: _public_base.html, _client_base.html, index.html (admin).
   ============================================================================ */
:root {
  /* ---- Brand ---- */
  --primary:        #1d4ed8;   /* albastru principal */
  --primary-dark:   #1e40af;
  --primary-light:  #3b82f6;
  --accent:         #0e7490;   /* cyan (SCN/accent) */

  /* ---- Neutre (slate) ---- */
  --ink:        #0f172a;   /* text principal / titluri */
  --slate-800:  #1e293b;
  --slate-700:  #334155;
  --slate-600:  #475569;
  --muted:      #64748b;   /* text secundar */
  --slate-400:  #94a3b8;
  --slate-300:  #cbd5e1;
  --line:       #e2e8f0;   /* borduri */
  --bg-soft:    #f1f5f9;
  --bg:         #f8fafc;   /* fundal secțiuni */
  --white:      #ffffff;

  /* ---- Semantice ---- */
  --danger:        #dc2626;  --danger-dark: #b91c1c;  --danger-darker: #7f1d1d;
  --danger-bg:     #fef2f2;  --danger-bg2:  #fee2e2;
  --success:       #16a34a;  --success-2:   #059669;  --success-3: #10b981;
  --success-bg:    #dcfce7;
  --warning:       #f59e0b;  --warning-2:   #d97706;  --warning-text: #92400e;
  --warning-bg:    #fef3c7;
  --info:          #0e7490;  --info-bg:     #eff6ff;  --info-text: #1e40af;

  /* ---- Tipografie ---- */
  --font-sans: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
  --fs-xs: 11.5px; --fs-sm: 12.5px; --fs-base: 13.5px; --fs-md: 14px;
  --fs-lg: 16px;   --fs-xl: 20px;   --fs-2xl: 26px;
  --fw-semibold: 600; --fw-bold: 700; --fw-black: 800;

  /* ---- Spațiere (scară 4px) ---- */
  --space-1: 4px; --space-2: 8px; --space-3: 12px;
  --space-4: 16px; --space-5: 20px; --space-6: 24px; --space-8: 32px;

  /* ---- Border-radius (scară) ---- */
  --radius-xs: 4px;   --radius-sm: 6px;  --radius: 8px;
  --radius-md: 10px;  --radius-lg: 12px; --radius-xl: 14px;
  --radius-pill: 999px;

  /* ---- Umbre (elevație) ---- */
  --shadow-sm: 0 1px 2px rgba(15,23,42,.06);
  --shadow:    0 2px 8px rgba(15,23,42,.08);
  --shadow-lg: 0 8px 28px rgba(15,23,42,.12);

  /* ---- Mișcare ---- */
  --transition: .15s ease;
}