/*
 * Švaru Gaivu — design tokens (grafted from OBL wp-kit v1.0.0, theme 1.1.0).
 * Variables + the two self-hosted @font-face rules ONLY. Rules live in
 * style.css (G1 W-G1-09 greps style.css for prefers-reduced-motion /
 * :focus-visible / scroll-margin-top — keep them there).
 * Every value here is set by the approved DESIGN-BRIEF.md § 2–3 (G0 2026-09-20).
 */

/* Archivo 800 — the one display face (brief § 3). @fontsource/archivo 5.3.0,
   SIL OFL 1.1 (fonts/LICENSE). latin 14,416 B + latin-ext 13,276 B = 27.7 KB;
   the latin-ext file carries ą č ę ė į š ų ū ž. Both preloaded from
   svarugaivu_preload_fonts(). No other family, no external request. */
@font-face {
	font-family: "Archivo";
	font-style: normal;
	font-weight: 800;
	font-display: swap;
	src: url("fonts/archivo-latin-800-normal.woff2") format("woff2");
	unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
@font-face {
	font-family: "Archivo";
	font-style: normal;
	font-weight: 800;
	font-display: swap;
	src: url("fonts/archivo-latin-ext-800-normal.woff2") format("woff2");
	unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}

:root {
	/* ---- colour (brief § 2, ratios in evidence/u1-2026-09-19/contrast-wcag.txt) ---- */
	--c-bg: #f6f1e8;          /* page background — client-chosen cream */
	--c-bg-2: #efe8d9;        /* alternate bands */
	--c-hero: #f6f1e8;        /* r23: = --c-bg. The lighter banner-edge cream (#fdfaf3, r7) had nothing left to match once the banner went (r21); one surface up top */
	--c-surface: #ffffff;     /* cards, header, footer, fields */
	--c-ink: #1b1a17;         /* text — 15.47:1 on bg */
	--c-muted: #665e51;       /* secondary text — 5.68:1 on bg, 5.24 on bg-2 */
	--c-line: #e6ddcb;        /* hairlines, decorative only */
	--c-accent: #42698c;      /* r23 (WA 3EB0EA1002D1625316F3BB "Renkuosi RAL5023"): RAL 5023 distant blue, sRGB per Wikipedia "List of RAL colours"; the site default since 1.1.26 (was gold #c8961e; variants a/b/ral5000/ral5003 retired) — white on it 5.78:1, on the cream 5.14:1, on bg-2 4.74:1 */
	--c-accent-deep: #345470; /* hover — the RAL at 80 %; white on it 7.93:1 */
	--c-accent-ink: #ffffff;  /* text on the accent — 5.78:1 */
	--c-on-deep: #ffffff;     /* text on --c-accent-deep (button hover) — 7.93:1 */
	--c-ok: #276b41;          /* 5.72:1 on bg */
	--c-ok-bg: #e7f3ec;
	--c-err: #b23b3b;         /* 5.21:1 on bg */
	--c-err-bg: #f8e9e9;
	--c-tag-bg: rgba(255, 255, 255, .92);       /* wipe tags — white at 92 % (r23, as the RAL variants had) */

	/* ---- r21 (2026-09-21, WA 3EB0DBE0DAAF3B1EB45AB2): every surface that carried the
	        accent is routed through these role tokens, so a palette is one block.
	        r23: the `body.sg-variant-*` palettes (a, b, ral5000, ral5003, ral5023) and the
	        plugin switch are gone; his pick, RAL 5023, is the :root default. ---- */
	--c-band: var(--c-accent);            /* CTA band fill */
	--c-band-ink: var(--c-accent-ink);    /* text on the band */
	--c-band-btn: var(--c-surface);       /* the band's button — white with the RAL ink (r22 logic) */
	--c-band-btn-ink: var(--c-accent);
	--c-band-btn-hover: var(--c-ink);
	--c-band-btn-hover-ink: var(--c-surface);
	--c-btn: var(--c-accent);             /* primary buttons everywhere else (hero, header CTA, form, page CTAs) */
	--c-btn-ink: var(--c-accent-ink);
	--c-btn-hover: var(--c-accent-deep);
	--c-btn-hover-ink: var(--c-on-deep);
	--c-mark: var(--c-accent);            /* strokes + marks: card left borders, icon colour, nav underline, price-box underline, note border, wipe handle, social pill, footer top border, focus ring */
	--c-mark-ink: var(--c-accent-ink);    /* text/icon on a --c-mark fill (wipe knob, social hover) */
	--c-link: var(--c-accent);            /* links, prices, field focus, tag icons — the RAL itself (5.14:1 on the cream) */
	--c-icon: var(--c-ink);               /* r23 (WA 3EB02F1239C26D7D5BF55A "ikoneles padarom juodos spalvos"): every inline-SVG glyph (cards, why-us, price boxes, note, contacts, footer, social pills) in the ink, not the accent */
	--shadow-knob: 0 2px 8px rgba(0, 0, 0, .28); /* the wipe handle's knob, static */

	/* ---- type: Archivo 800 display + system body (brief § 3) ---- */
	--ff-body: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
	--ff-display: "Archivo", "Arial Black", var(--ff-body);
	--fs-base: 1.0625rem;                          /* 17 px */
	--lh-body: 1.6;
	--fs-sm: 0.9rem;
	--fs-lg: clamp(1.1rem, 1rem + .5vw, 1.25rem);
	--fs-h3: 1.15rem;
	--fs-h2: clamp(1.45rem, 3.4vw, 2.15rem);
	--fs-h1: clamp(1.9rem, 5vw, 3.1rem);           /* measured 30.4 px at 375, inside the fold */
	--fw-body: 400;
	--fw-bold: 700;
	--fw-display: 800;
	--ls-display: .01em;                           /* uppercase H1/H2 — the banner's echo */
	--measure: 68ch;

	/* ---- space & shape ---- */
	--s-1: 4px;  --s-2: 8px;  --s-3: 12px; --s-4: 16px;
	--s-5: 24px; --s-6: 32px; --s-7: 48px; --s-8: 64px; --s-9: 96px;
	--wrap: 1120px;
	--wrap-narrow: 820px;
	--gutter: 20px;
	--radius: 5px;
	--radius-lg: 8px;
	--header-h: 72px;                              /* sticky header; scroll-margin-top derives from it */

	/* ---- motion: one easing; reveals 450 ms; the signature sweep 1200 ms ---- */
	--ease: cubic-bezier(.2, .6, .2, 1);
	--dur-fast: 150ms;
	--dur: 450ms;
	--dur-slow: 600ms;
	--dur-sig-1: 800ms;                            /* wipe 100 → 35 */
	--dur-sig-2: 400ms;                            /* wipe 35 → 50 */
	--rv-shift: 24px;

	/* ---- icons: 24-px grid, 1.75 stroke, currentColor ---- */
	--icon-size: 24px;
	--icon-stroke: 1.75;

	/* ---- pre-kit aliases: the seeded content and any client-edited page may
	        still reference these; they resolve to the tokens above ---- */
	--bg: var(--c-bg); --bg2: var(--c-bg-2); --card: var(--c-surface); --ink: var(--c-ink);
	--muted: var(--c-muted); --line: var(--c-line); --accent: var(--c-accent);
	--accent-dark: var(--c-accent-deep); --accent-ink: var(--c-accent-ink);
	--po-good: var(--c-ok); --po-bad: var(--c-err); --sans: var(--ff-body);
}
@media (max-width: 640px) {
	:root { --header-h: 108px; }                   /* two rows: brand + phone, then nav (brief § 7, ≤ 110 px) */
}
@media (max-width: 352px) {
	/* 1.1.6 (G2 R1): below 353 px the four 14-px nav labels (313 px) no longer fit the
	   wrap (vw − 40 px) and the nav takes a second row — header measured 132 px at 320.
	   The token follows it so every scroll-margin-top (anchors, #pranesimas, #forma)
	   and the header's min-height clear the three-row header; 375+ is untouched. */
	:root { --header-h: 132px; }
}