/* sk-palette.css (2026-10-04, pataisa 3: spalvos)
   VIENAS spalvu šaltinis visoms kevalams (base.html, onboarding, welcome, share, legal, admin ...).
   Taisyklė: neutralai + VIENAS akcentas + 3 semantinės. Nieko daugiau.

     --accent  (cyan)  veiksmas, aktyvus dalykas, nuoroda, informacija, progresas
     --win     (žalia) TIK laimėjimas / teigiamas rezultatas / sėkmė
     --loss    (raudona) TIK nuostolis / klaida / pavojus
     --warn    (gintaro) TIK įspėjimas / laukiama / terminas
     --gold    (auksinė) TIK premium / paywall (ne reitingai, ne dekoras)

   Kiekviena semantinė spalva turi: pagrindinę, -deep (tamsesnė pilnai užpildytiems paviršiams), -light (šviesesnė tekstui ant soft fono),
   -soft (10 % fonas) ir -border (30 % rėmelis). Ženkliukai ir žymės VISUR: soft fonas + 1 px border + tekstas.
   Gradientų ir švytėjimų paletėje nėra: paviršiai vientisi, gylį duoda tik --shadow-1 / --shadow-2.
   Atspalviai (hue) laikomi vienoje juostoje: cyan 188-189, žalia 156-160, raudona 0, gintaro 38-49. */
:root {
  /* neutralai (kosmoso fonas lieka; paviršiai ir tekstas tik iš šitos skalės) */
  --n-0: #000000; --n-1: #060606; --n-2: #0a0a0c; --n-3: #0e0e10; --n-4: #131316; --n-5: #18181c; --n-6: #202026;
  --n-7: #33333b; --n-8: #52525a; --n-9: #8a8a93; --n-10: #a1a1a9; --n-11: #c9c9cf; --n-12: #ededed; --n-13: #ffffff;

  /* akcentas */
  --accent: #22d3ee; --accent-strong: #67e8f9; --accent-deep: #06b6d4; --accent-light: #a5f3fc;
  --accent-ink: #06090b; /* tamsus tekstas ant --accent paviršiaus (kontrastas 10:1) */
  --accent-soft: rgba(34,211,238,.1); --accent-border: rgba(34,211,238,.3);

  /* semantinės */
  --win: #34d399; --win-deep: #10b981; --win-light: #6ee7b7; --win-soft: rgba(52,211,153,.1); --win-border: rgba(52,211,153,.3);
  --loss: #ef4444; --loss-deep: #dc2626; --loss-light: #fca5a5; --loss-soft: rgba(239,68,68,.1); --loss-border: rgba(239,68,68,.3);
  --warn: #f59e0b; --warn-light: #fcd34d; --warn-soft: rgba(245,158,11,.1); --warn-border: rgba(245,158,11,.3);
  --gold: #d4af37; --gold-light: #f7d959; --gold-soft: rgba(212,175,55,.1); --gold-border: rgba(212,175,55,.3);

  /* linijos ir pakilimas */
  --line-subtle: rgba(255,255,255,.05); --line: rgba(255,255,255,.1); --line-strong: rgba(255,255,255,.16);
  --shadow-1: 0 1px 2px rgba(0,0,0,.4);
  --shadow-2: 0 4px 12px rgba(0,0,0,.35);

  /* ---- senieji vardai (tie patys tokenai, neliesti kodo, kuris juos naudoja) ---- */
  --bg-base: var(--n-1); --bg-elevated: var(--n-3); --bg-card: var(--n-4); --bg-card-hover: var(--n-5);
  --bg-overlay: rgba(14,14,16,.85); --bg-glass: rgba(14,14,16,.6);
  --border-subtle: var(--line-subtle); --border-default: var(--line); --border-strong: var(--line-strong);
  --border-accent: var(--accent-border); --border-accent-strong: rgba(34,211,238,.5);
  --text-primary: var(--n-12); --text-secondary: var(--n-10); --text-tertiary: var(--n-9); --text-muted: var(--n-9);
  --accent-bright: var(--accent);
  --accent-glow: rgba(34,211,238,.16); --accent-glow-strong: rgba(34,211,238,.3);
  --win-bright: var(--win); --win-glow: rgba(52,211,153,.16);
  --loss-glow: rgba(239,68,68,.16);
  --gold-bright: var(--gold-light); --gold-glow: rgba(212,175,55,.16);
  --shadow-3: var(--shadow-2); --shadow-4: var(--shadow-2); --shadow-5: var(--shadow-2);
  /* švytėjimų nebėra: senieji --glow-* tapo nematomu žiedu, kad `box-shadow: var(--shadow-3), var(--glow-x)` išliktų galiojantis */
  --glow-accent-sm: 0 0 0 0 transparent; --glow-accent-md: 0 0 0 0 transparent;
  --glow-gold: 0 0 0 0 transparent; --glow-win: 0 0 0 0 transparent;
}

/* ---- zymes (badge / chip): VIENA logika visur: soft fonas + 1 px border + tekstas; staciakampe (ne kapsule) ---- */
.sk-badge{display:inline-flex;align-items:center;gap:5px;padding:2px 8px;border-radius:8px;border:1px solid var(--line);background:var(--line-subtle);color:var(--n-10);font-size:12px;font-weight:600;line-height:1.4}





/* pagrindinis veiksmas: vientisas akcentas, tamsus tekstas, hover sviesesnis, be svytejimo */
.sk-cta{background:var(--accent);border:1px solid var(--accent);color:var(--accent-ink);box-shadow:none}
.sk-cta:hover{background:var(--accent-strong);border-color:var(--accent-strong)}