/* ══════════════════════════════════════════════════════════════════ Žinių šuolis - bendri dizaino kintamieji. Naudoja ir skydeliai (dashboard.css), ir atskiri prisijungusių vartotojų puslapiai (korepetitoriai, rezervuoti, pirkti, uzduotys). ══════════════════════════════════════════════════════════════════ */ :root{ /* Paviršiai */ --bg:#FAF8F4; --bg2:#F4F1E9; --surface:#FFFFFF; --surface2:#FBFAF7; --s2:#FAF9F6; --elev:linear-gradient(180deg,#FFFFFF,#FDFCFA); /* Tekstas */ --ink:#0F172A; --ink2:#475569; /* 2026-08-31: buvo #94A3B8 - 2,6:1 ant balto, t. y. neįskaitoma. Dabar 4,7:1. Naudojamas tretiniam tekstui (etiketėms, užuominoms). */ --ink3:#66707F; /* Kraštinės */ --brd:#E9E4DB; --brd2:#D7D0C4; /* Akcentas - kiekvienas skydelis persirašo savo spalva */ --acc:#2563EB; --acc-deep:#1D4ED8; --acc-soft:#EFF6FF; --acc-line:#BFDBFE; --acc-ink:#1D4ED8; --acc-glow:rgba(37,99,235,.32); --acc2:#7C3AED; --nav:#2563EB; /* šoninės juostos aktyvaus punkto spalva (pagal vaidmenį) */ /* Semantinės */ --grn:#10B981;--grn-ink:#15803D;--grn-soft:#F0FDF4;--grn-line:#BBF7D0; --amb:#F59E0B;--amb-ink:#B45309;--amb-soft:#FFFBEB;--amb-line:#FDE68A; --red:#DC2626;--red-ink:#B91C1C;--red-soft:#FEF2F2;--red-line:#FECACA; --blu:#2563EB;--blu-soft:#EFF6FF;--blu-line:#BFDBFE; --pur:#7C3AED;--pur-ink:#5B21B6;--pur-soft:#F5F3FF;--pur-line:#DDD6FE; --r:16px; --r-sm:10px; --ease:cubic-bezier(.22,1,.36,1); --shadow:0 1px 2px rgba(15,23,42,.04),0 10px 30px -22px rgba(15,23,42,.45); --shadow-lift:0 1px 2px rgba(15,23,42,.05),0 18px 40px -24px rgba(15,23,42,.5); } /* ── Prieinamumas ───────────────────────────────────────────────────────────── 1) Matomas fokusas. Klaviatūra naršančiam be jo nesimato, kur jis yra; :focus-visible neliečia paspaudimų pele, tad pelės naudotojui niekas nepasikeičia. Atskirus stilius turintys elementai šį perrašo patys. 2) „Pereiti prie turinio" nuoroda - pirmasis vaikas kiekviename puslapyje. Matoma tik gavusi fokusą (Tab), kad klaviatūra naršantis neturėtų kaskart praeiti pro visą meniu. Taikinys - id="turinys". ────────────────────────────────────────────────────────────────────────── */ :focus-visible{outline:2px solid var(--acc,#2563EB);outline-offset:2px;} .zs-skip{position:fixed;left:8px;top:-64px;z-index:99999;background:#0F172A;color:#fff; padding:10px 16px;border-radius:0 0 10px 10px;text-decoration:none; font:600 14px/1.2 system-ui,-apple-system,"Segoe UI",sans-serif;transition:top .15s ease;} .zs-skip:focus{top:0;}