/* ═══════════════════════════════════════════════════════════════
   tokens.css - design token-urile partajate, încărcate de fiecare aplicație

   Încărcat ÎNAINTEA CSS-ului specific fiecărei aplicații, ca aplicațiile să
   poată suprascrie aceste valori în propriul bloc :root. Momentan declară doar
   token-urile cu adevărat identice între aplicații; suprascrierile per-aplicație
   (--accent, --bg etc.) rămân în CSS-ul fiecăreia.
   ═══════════════════════════════════════════════════════════════ */

:root {
  --mono: 'JetBrains Mono', monospace;

  /* Paleta scrollbar-ului - aplicațiile o pot suprascrie în propriul :root. */
  --scrollbar-track: rgba(255, 255, 255, 0.025);
  --scrollbar-thumb: var(--border2, rgba(148, 163, 184, 0.28));
  --scrollbar-thumb-hover: var(--text3, rgba(148, 163, 184, 0.5));
}

/* ── Scrollbar-uri întunecate, globale ────────────────────────────────
   Un singur scrollbar discret, conștient de temă, pentru fiecare aplicație,
   ca să nu se strecoare scrollbar-ul nativ alb / Windows. Încărcat înaintea
   CSS-ului aplicațiilor, deci orice aplicație care stilizează deja un scrollbar
   specific câștigă (regulile de aceeași specificitate declarate mai târziu le
   suprascriu pe acestea). Folosește design token-uri cu fallback-uri sigure
   pentru aplicațiile care nu le declară. */
* {
  scrollbar-width: thin;
  scrollbar-color: var(--scrollbar-thumb) var(--scrollbar-track);
}
::-webkit-scrollbar { width: 10px; height: 10px; }
::-webkit-scrollbar-track {
  background: var(--scrollbar-track);
  border-radius: 999px;
}
::-webkit-scrollbar-thumb {
  background: var(--scrollbar-thumb);
  border-radius: 999px;
  border: 2px solid transparent;
  background-clip: padding-box;
}
::-webkit-scrollbar-thumb:hover {
  background: var(--scrollbar-thumb-hover);
  background-clip: padding-box;
}
::-webkit-scrollbar-corner { background: transparent; }