/* ============================================================
   Ėja — Spalvos / Colors  ·  APPROVED SYSTEM (cool, temperature-coherent)
   Viena vėsi temperatūra. Kontrastas iš šviesumo, ne iš
   priešingos temperatūros. Be grynos baltos, be grynos juodos.
   Vienas akcentas viename vaizde.
   ============================================================ */
:root {
  /* ————— Pagrindiniai žetonai / Core tokens (APPROVED) ————— */
  --paper:    #EBECEE;  /* puslapio fonas — vėsus šviesiai pilkas */
  --paper-2:  #F5F6F7;  /* pakeltas paviršius / kortelė */
  --tone:     #E3E5E8;  /* alternatyvi sekcijos juosta (darbų indeksas) */

  --ink:      #19242D;  /* antraštės, pagrindinis tekstas — vėsus beveik juodas */
  --ink-2:    #3B4751;  /* tekstas / skaitymas */
  --muted:    #6E7882;  /* etiketės, paaiškinimai, metaduomenys */

  --line:     #D7DADE;  /* plonos linijos, skirtukai */
  --line-2:   #C4C9CF;  /* stipresnė linija / sąrašo viršus */

  --accent:      #51677A;  /* slate akcentas — highlight žodis, ženklai, nuorodos ant tamsos */
  --accent-deep: #3E5365;  /* akcentas mažam tekstui / nuorodoms (praeina AA) */
  --dline:       #9BA5AE;  /* diagramų struktūros linijos */

  /* — Tamsus paviršius / Dark surface (tamsios sekcijos) — */
  --surface-ink: #19242D;
  --text-on-ink: #E6E8EA;
  --accent-on-dark: #9DB0C6;

  /* — Semantinės būsenos / Status (funkciniai signalai, prislopinti, vėsūs) — */
  --ok:     #4A7A63;  --ok-bg:     #DCE7E1;
  --warn:   #7E6A34;  --warn-bg:   #E9E5D6;
  --danger: #97493F;  --danger-bg: #ECDCD8;
  --info:   #3E5365;  --info-bg:   #DCE2E8;

  /* ————— Semantiniai aliasai / Semantic aliases —————
     (komponentai naudoja šiuos; jie nurodo į patvirtintus žetonus) */
  --surface-page:   var(--paper);
  --surface-card:   var(--paper-2);
  --surface-raised: var(--paper-2);
  --surface-input:  var(--paper-2);
  --surface-tone:   var(--tone);
  --surface-stone:  var(--tone);
  --surface-accent: #E2E7EC;

  --text-strong:    var(--ink);
  --text-body:      var(--ink-2);
  --text-muted:     var(--muted);
  --text-faint:     #8A939C;
  --text-on-accent: #EBECEE;

  --accent-strong:  var(--accent-deep);   /* hover / pressed / mažas akcentas */
  --accent-soft:    #E2E7EC;
  --link:           var(--accent-deep);   /* AA tekstui */

  --border:         var(--line);
  --border-soft:    var(--line);
  --border-strong:  var(--line-2);
  --border-ink:     rgba(25,36,45,0.14);

  --focus-ring:     var(--accent);
}