/* Kraulis Brandbook 2.2 — dizaino žetonai (S-129). Šaltinis: patvirtinta Codex V13 kortelė
   (kraulis-claude-design.css + template.html, išmatuota gyvame pilote 2026-10-11).
   Vienintelis šaltinis kraulis-core ir temai. Žetonai su žyma PASIŪLYMAS nėra V13 dalis — laukia Audriaus patvirtinimo.
   Generuota; nekeisti ranka — keisti brandbook 2.2 žetonų šaltinį. */
/* Šriftas Manrope — failas temos assets/manrope-latin.woff (SIL OFL). */
:root{
  /* Pagrindinė paletė */
  --kr-ink: #17241D; /* Tekstas, antraštės, tamsūs blokai (pagalbos juosta, toast), aktyvi pilulė, pasirinkimo rėmelis — V13 --ink */
  --kr-forest: #1F3A2C; /* Antriniai tekstai-akcentai: eyebrow, nuorodos, ikonos, „pristatymas“, žymos tekstas — V13 --forest / --icon */
  --kr-lime: #DCEF6A; /* TIK pagrindinis veiksmas (S-088) ir logotipo namas; V13 išimtys žr. 07 skyrių — V13 --lime */
  --kr-paper: #F4F5F1; /* Puslapio fonas, plytelių fonas, pasirinktos kortelės fonas — V13 --paper */
  --kr-surface: #FFFFFF; /* Kortelės, pirkimo blokas, antraštė, laukai — V13 #fff */
  /* Neutralios (pilkai žalsvos) */
  --kr-muted: #4E5D54; /* Antrinis tekstas: aprašai, parametrų pavadinimai, smulkus tekstas — V13 --muted */
  --kr-line: #E3E7E1; /* Kortelių ir pilulių kraštinė (dekoratyvi) — V13 --line */
  --kr-divider: #EEF1EC; /* Vidiniai skirtukai (parametrų eilutės, akordeonai) — V13 --divider */
  --kr-chip: #E9EEE7; /* Pilulių („Palyginti“, „Patinka“) ir žymų fonas — V13 --chip */
  --kr-chip-border: #DCE2DA; /* Pilulės / pasirinkimo kraštinė — V13 --chip-border */
  --kr-line-hover: #B9C2B8; /* Plytelės kraštinė užvedus pelę — V13 .ux-tile:hover */
  --kr-swatch-border: #CBD2CA; /* Spalvos taško (swatch) kraštinė — V13 .color-swatch */
  --kr-track: #DDE3DA; /* Galios skalės bėgelis — V13 template .load-scale */
  --kr-track-soft: #EDF0E9; /* Neaktyvi energijos klasė, galerijos fonas (šablono bazė) — V13 template */
  --kr-on-dark-muted: #C9D2CB; /* Antrinis tekstas ant tamsaus fono — V13 .support p */
  --kr-ink-hover: #26382E; /* Tamsaus mygtuko :hover — V13 .advice .btn:hover */
  --kr-lime-hover: #CFE35A; /* Pagrindinio mygtuko :hover — V13 .btn:hover */
  /* Kontekstiniai akcentai (vėsinimas / šildymas / dėmesys) */
  --kr-cool: #2F6FA8; /* Vėsinimas: pirma fakto plytelė, ikonos — V13 --cool */
  --kr-cool-bg: #EAF1F8; /* Vėsinimo plytelės fonas — V13 */
  --kr-cool-border: #D6E4F1; /* Vėsinimo plytelės kraštinė — V13 */
  --kr-heat: #D2591C; /* Šildymas: ikonos, dideli skaičiai (NE mažas tekstas, žr. kontrastą) — V13 --heat */
  --kr-heat-bg: #FBEEE6; /* Šildymo ikonos fonas — V13 */
  --kr-amber: #C98A12; /* „Vidutiniška“ saulė: tik ikona, žr. kontrasto pataisą — V13 .ux-normal */
  --kr-amber-bg: #FFF6DF; /* Gintaro ikonos fonas — V13 */
  --kr-shade: #5B6B78; /* „Pavėsis“ ikona — V13 .ux-shade */
  --kr-good: #2E7D4F; /* „Gerai apšiltintas“ ikona — V13 .ux-b-good */
  /* Būsenos */
  --kr-success-bg: #E6F2E8; /* Sėkmė / tinka: žymos fonas — V13 .status.fit */
  --kr-success-fg: #285D38; /* Sėkmė / tinka: tekstas — V13 .status.fit */
  --kr-error-bg: #F9E6E6; /* Klaida / netinka: žymos fonas — V13 .status.stop */
  --kr-error-fg: #963E3E; /* Klaida / netinka: tekstas — V13 .status.stop */
  --kr-error-text: #A3460F; /* Laukų klaidos tekstas (formos) — V13 #questions .field-error (legacy: #8D3F27) */
  --kr-warning-bg: #FFF6DF; /* Įspėjimo fonas — V13 amber-bg; žyma — PASIŪLYMAS */
  --kr-warning-fg: #9A6500; /* Įspėjimo tekstas (AA ant warning-bg) — PASIŪLYMAS: V13 neturi įspėjimo teksto */
  --kr-focus: #7F42C7; /* Klaviatūros fokuso kontūras ant šviesaus fono (ant tamsaus — citrina) — V13 --focus */
  --kr-focus-ring: #DCEF6A88; /* Įvesties laukelio fokuso aureolė (3 px) — V13 #consult-dialog input:focus */
  /* Pasiūlymai (nėra V13, laukia patvirtinimo) */
  --kr-border-strong: #86928A; /* Laukų ir pasirinkimo kontrolių ribos (≥3:1 ant baltos; 1.4.11) — PASIŪLYMAS vietoj --kr-line laukams */
  --kr-heat-text: #B84A12; /* Šildymo spalva TEKSTUI (AA ant heat-bg) — PASIŪLYMAS */
  --kr-amber-icon: #A87100; /* Gintaro ikona (≥3:1 ant amber-bg) — PASIŪLYMAS */
  --kr-eu-a: #00A651; /* ES klasė A (chip) — PASIŪLYMAS, orientacinė */
  --kr-eu-b: #51B848; /* ES klasė B — PASIŪLYMAS, orientacinė */
  --kr-eu-c: #BDD62E; /* ES klasė C — PASIŪLYMAS, orientacinė */
  --kr-eu-d: #FFF200; /* ES klasė D — PASIŪLYMAS, orientacinė */
  --kr-eu-e: #FDB913; /* ES klasė E — PASIŪLYMAS, orientacinė */
  --kr-eu-f: #F26522; /* ES klasė F — PASIŪLYMAS, orientacinė */
  --kr-eu-g: #D0171E; /* ES klasė G (tekstas — balta) — PASIŪLYMAS, orientacinė */
  /* Formos, šešėliai */
  --kr-radius-card: 14px; /* Kortelės, skiltys, pirkimo blokas, pagalbos juosta — V13 --r-lg */
  --kr-radius-control: 10px; /* Mygtukai, laukai, plytelės, benefit, doc — V13 --r-md */
  --kr-radius-tile: 12px; /* Pasirinkimo plytelės su ikonomis, rezultatų kortelės (V13 atvejai; siūloma suvesti į 10) — V13 */
  --kr-radius-dialog: 16px; /* Dialogai ir vedlių langai — V13 dialog */
  --kr-radius-sm: 8px; /* Mažos kopijavimo mygtukų ikonos — V13 .copy-button */
  --kr-radius-pill: 999px; /* Pilulės, žymos, skilčių navigacija — V13 */
  --kr-border-width: 1px; /* Standartinė kraštinė; pasirinkta būsena — 2px (ink) — V13 */
  --kr-shadow-card: 0 1px 2px #17241D0A,0 4px 16px #17241D08; /* Kortelė, pirkimo blokas, skilties kortelė — V13 --shadow */
  --kr-shadow-sticky: 0 -4px 20px #17241D10; /* Lipni apatinė pirkimo juosta — V13 .sticky-buy */
  --kr-shadow-dialog: 0 20px 60px #17241D29; /* Dialogas — V13 dialog */
  --kr-shadow-popover: 0 28px 100px #17241D55; /* Pilno dydžio langas (vietovės klimatas, PC) — V13 .kc-dialog */
  --kr-overlay: #17241D66; /* Dialogo fonas (backdrop, blur 4px) — V13 dialog::backdrop */
  /* Tipografija */
  --kr-font: Manrope, system-ui, sans-serif; /* Vienintelis šriftas — V13 body */
  --kr-fs-10: 10px; /* Skaitiklio ženkliukas — V13 */
  --kr-fs-11: 11px; /* Eyebrow (700, +0,12 em, didžiosios), fakto plytelės apibūdinimas — V13 */
  --kr-fs-12: 12px; /* Smulkus tekstas, trupiniai, mokesčių pastaba — V13 */
  --kr-fs-13: 13px; /* Pilulės, pristatymas, pasirinkimai — V13 */
  --kr-fs-14: 14px; /* Mygtukai, parametrų lentelė, skilties įvadas — V13 */
  --kr-fs-15: 15px; /* Prekės įvadas (lead) — V13 .intro */
  --kr-fs-16: 16px; /* Pagrindinis tekstas, mažos antraštės — V13 body */
  --kr-fs-19: 19px; /* Fakto plytelės skaičius (17 px telefone) — V13 */
  --kr-fs-28: 28px; /* Skilties H2 (20 px telefone) — V13 */
  --kr-fs-34: 34px; /* Prekės H1 ir kaina (H1 24 px, kaina 30 px telefone) — V13 */
  --kr-fs-17: 17px; /* Telefonas: fakto plytelės skaičius (PC 19 px) — V13 @media 760 */
  --kr-fs-20: 20px; /* Telefonas: skilties H2 (PC 28 px) — V13 @media 760 */
  --kr-fs-24: 24px; /* Telefonas: prekės H1 (PC 34 px) — V13 @media 760 */
  --kr-fs-30: 30px; /* Telefonas: kaina (PC 34 px) — V13 @media 760 */
  --kr-lh-body: 1.55; /* Pagrindinis eilutės aukštis (24,8 / 16) — V13 išmatuota */
  --kr-ls-heading: -0.03em; /* H1 ir kaina — V13 */
  --kr-ls-h2: -0.025em; /* H2 ir dialogų antraštės — V13 */
  --kr-ls-eyebrow: 0.12em; /* Eyebrow — V13 */
  --kr-fw-regular: 400; /* Tekstas — V13 */
  --kr-fw-semibold: 600; /* Navigacijos pilulės, spalvų pasirinkimas — V13 */
  --kr-fw-bold: 700; /* Mygtukai, parametrų reikšmės, mažos antraštės — V13 */
  --kr-fw-extrabold: 800; /* H1, H2, kaina, skaičiai — V13 */
  /* Tarpai (4 px žingsnis) */
  --kr-space-1: 4px;
  --kr-space-2: 8px;
  --kr-space-3: 12px;
  --kr-space-4: 16px;
  --kr-space-5: 20px;
  --kr-space-6: 24px;
  --kr-space-8: 32px;
  --kr-space-12: 48px;
  /* Dydžiai */
  --kr-tap-min: 44px; /* Mažiausias lietimo taikinys telefone (☰, uždarymas) — V13 */
  --kr-btn-h: 54px; /* Pagrindinio / antrinio mygtuko aukštis (min.) — V13 išmatuota */
  --kr-pill-h: 40px; /* Pilulės (Palyginti / Patinka, spalva) — V13 */
  --kr-nav-pill-h: 38px; /* Skilčių navigacijos pilulė (36 px telefone) — V13 */
  --kr-bp-mobile: 760px; /* Telefono lūžis (max-width) — V13 */
}

/* Pagalbinės klasės neįtrauktos: komponentų CSS rašo kraulis-core, naudodamas tik šiuos kintamuosius. */