/* ============================================================================
   mds-tokens.css · sursa unică de adevăr (variabile)
   Se încarcă PRIMUL. Schimbi aici → se schimbă peste tot.
   ============================================================================ */
:root{
  /* ── Suprafețe (un singur fundal pentru pagină + sidebar + bară + sheet-uri) ── */
  --mds-bg:            #08090a;
  --mds-card:          #0f1011;                 /* card / minicard (surface) */
  --mds-card-hover:    #16171b;
  --mds-selected:      #1c1c1f;                 /* item activ sidebar */
  --mds-interior:      #26262a;                 /* hover profund / interior */

  /* ── Borders ── */
  --mds-line:          rgba(255,255,255,.06);
  --mds-line-2:        rgba(255,255,255,.10);
  --mds-line-3:        rgba(255,255,255,.16);

  /* ── Text ── */
  --mds-tx:            #e8e9eb;
  --mds-tx-2:          rgba(232,233,235,.62);
  --mds-tx-3:          rgba(232,233,235,.40);

  /* ── Semnal ── */
  --mds-pos:           #2ada49;
  --mds-warn:          #f0a023;
  --mds-neg:           #ef4444;
  --mds-data:          #3b82f6;   /* doar serii de date */

  /* ── Naturi (fapt / tehnic / opinie / proiecție) — colorblind-safe ── */
  --mds-n-fact:        #14b8a6;
  --mds-n-tech:        #56b4e9;
  --mds-n-opinion:     #e8a53a;
  --mds-n-proj:        #a78bfa;

  /* ── Gradient bară de interval (roșu → galben → verde) ── */
  --mds-grad-bar: linear-gradient(90deg,#ef4444,#ffd93d,#2ada49);

  /* ── Tipografie ── */
  --mds-sans: "Poppins",-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;

  /* ── Radius ── */
  --mds-r-card:  14px;
  --mds-r-el:    10px;
  --mds-r-sm:     8px;
  --mds-r-pill: 999px;

  /* ── Spacing (multipli de 4) ── */
  --mds-1:  4px;  --mds-2:  8px;  --mds-3: 12px;  --mds-4: 16px;
  --mds-5: 20px;  --mds-6: 24px;  --mds-8: 32px;  --mds-10:40px;
  --mds-12:48px;  --mds-16:64px;

  /* ── Zone de atingere ── */
  --mds-btn-h: 38px;
  --mds-tap:   44px;
}
@media (pointer:coarse){ :root{ --mds-btn-h: 44px; } }