/* sk-type.css (2026-10-04, pataisa 2: sriftai ir kontrastas)
   Vienas tipografijos sluoksnis visoms kevalams (base.html, onboarding, welcome, share, legal, admin ...).
   Skale: 12 / 14 / 16 / 20 / 28 / 40 (+56 tik dideliems skaiciams). Svoriai: 400 / 500 / 600 / 700.
   Minimalus tekstas 12 px. Etiketes: sakinio didziosiomis, be tarpu; monospace TIK skaiciams (tabular-nums). */
:root {
  --fs-12: 12px; --fs-14: 14px; --fs-16: 16px; --fs-20: 20px; --fs-28: 28px; --fs-40: 40px; --fs-56: 56px;
  --fw-regular: 400; --fw-medium: 500; --fw-semibold: 600; --fw-bold: 700;
  --lh-body: 1.5; --lh-tight: 1.2;
  --font-ui: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
  --sp3-font-display: 'Inter', system-ui, sans-serif;
  --font-num: 'JetBrains Mono', ui-monospace, 'SF Mono', Menlo, monospace;
  /* AA (>= 4.5:1 ant #060606, #0e0e10, #131316, #18181c) */
  --ink-secondary: #a1a1a9; --ink-tertiary: #8a8a93; --ink-muted: #8a8a93;
  --focus-ring: var(--accent,#22d3ee);
}

/* paragrafai ir antrastes: nulinio specifiskumo, todel bet kuri komponento taisykle ja pakeicia */
:where(p, li, dd, blockquote, figcaption) { line-height: var(--lh-body); }
:where(h1, h2, h3, h4) { line-height: var(--lh-tight); }
:where(strong, b) { font-weight: var(--fw-semibold); }

/* skaiciai: tabular-nums visur, kur naudojamas monospace */
.font-mono, .num, [data-num], code, kbd, samp, pre { font-variant-numeric: tabular-nums; }

/* trumpa zyme virs antrastes: vienintele leidziama didziuju raidziu forma */
.sk-eyebrow {
  font-size: 12px; font-weight: 600; letter-spacing: .04em; text-transform: uppercase;
  line-height: 1.45; color: var(--ink-tertiary);
}

/* kontrastas: placeholder'iai ir isjungti laukai >= 3:1 */
input::placeholder, textarea::placeholder { color: var(--text-muted, #8a8a93); opacity: 1; }
:disabled, [aria-disabled="true"] { cursor: not-allowed; }

/* matomas fokusas klaviaturai: 2 px akcento kontūras, 2 px atstumas (pakeicia outline:none visuose valdikliuose) */
a:focus-visible, button:focus-visible, input:focus-visible, select:focus-visible, textarea:focus-visible,
summary:focus-visible, [role="button"]:focus-visible, [role="tab"]:focus-visible, [role="link"]:focus-visible,
[role="menuitem"]:focus-visible, [tabindex]:not([tabindex="-1"]):focus-visible {
  outline: 2px solid var(--accent-bright, var(--focus-ring)) !important;
  outline-offset: 2px !important;
}

/* išjungti pagrindiniai mygtukai: spalva jau pritemdyta (>= 3:1), papildomo opacity nereikia */


/* eilutės ilgis: aiškinamasis tekstas ne ilgesnis nei ~70 simbolių (nulinio specifiskumo; kortelės plotį nustato komponentas) */
:where(.mk-note, .mk-lock__d, .slesson-body, .mctx-nr-t, .mctx-poz-e, .spx-lock-foot, .sv-foot, .nk-note, .prose) { max-width: 68ch; }

/* ===== Tipografijos klasės naujam kodui (visos reikšmės iš skalės tokenų) =====
   Esamas kodas naudoja tas pačias reikšmes tiesiogiai (12/14/16/20/28/40/56 px), kad `grep font-size` rodytų tikrą skalę. */
.sk-display { font-size: var(--fs-40); font-weight: var(--fw-bold); line-height: 1.15; letter-spacing: -.02em; }
.sk-h1 { font-size: var(--fs-28); font-weight: var(--fw-bold); line-height: 1.2; letter-spacing: -.02em; }
.sk-h2 { font-size: var(--fs-20); font-weight: var(--fw-semibold); line-height: 1.25; letter-spacing: -.01em; }
.sk-body { font-size: var(--fs-16); font-weight: var(--fw-regular); line-height: 1.55; }
.sk-body-sm { font-size: var(--fs-14); font-weight: var(--fw-regular); line-height: 1.5; }
.sk-label { font-size: var(--fs-14); font-weight: var(--fw-medium); line-height: 1.4; }
.sk-caption { font-size: var(--fs-12); font-weight: var(--fw-regular); line-height: 1.4; color: var(--ink-tertiary); }
.sk-num { font-family: var(--font-num); font-variant-numeric: tabular-nums; }