/* Ėja — tarpai, tinklelis, kampai, šešėliai / Spacing, grid, radii, shadows
   APPROVED: 4/8px tinklelis. Tarpai koduoja ryšius.
   Komponentų ir tipografijos tarpai — FIKSUOTI; makro/puslapio tarpai — fluid (clamp).
   Sekcijų ritmas — per gretimų elementų margin (juostos pačios atsiskiria). */
:root {
  /* — Fiksuotas tinklelis (komponentai ir tipografija) / Fixed grid — */
  --space-0:  0;
  --space-1:  4px;
  --space-2:  8px;
  --space-3:  12px;
  --space-4:  16px;
  --space-5:  24px;
  --space-6:  32px;
  --space-7:  48px;
  --space-8:  64px;
  /* makro pakopos (naudojamos juostose / sekcijose) */
  --space-9:  96px;
  --space-10: 128px;

  /* — Fluid makro / puslapio tarpai (tik makro lygiui) / Fluid macro — */
  --page-gutter:   clamp(16px, 5vw, 64px);   /* @kind spacing */
  --section-space: clamp(64px, 8vw, 128px);  /* sekcija → sekcija */
  --hero-padding:  clamp(80px, 10vw, 128px); /* hero viršus */
  --band-padding:  clamp(64px, 8vw, 96px);   /* tonuotos juostos vertikalus padding */

  /* — Tinklelis / Grid & container — */
  --container:      1200px;
  --container-wide: 1440px;
  --col-gap:        clamp(16px, 2vw, 28px);
  --measure:        65ch; /* @kind spacing */
  --gutter:         var(--page-gutter); /* @kind spacing */

  /* — Kampai / Radii (santūrūs) — */
  --radius-xs:   3px;
  --radius-sm:   5px;
  --radius-md:   8px;
  --radius-lg:   12px;
  --radius-xl:   22px;
  --radius-pill: 999px;

  /* — Ribos / Borders — */
  --border-width: 1px; /* @kind spacing */
  --hairline: 1px solid var(--line);

  /* — Šešėliai / Shadows (žemi, vėsaus rašalo atspalvio — ne šilti) — */
  --shadow-xs: 0 1px 2px rgba(25, 36, 45, 0.06);
  --shadow-sm: 0 1px 3px rgba(25, 36, 45, 0.07), 0 1px 2px rgba(25, 36, 45, 0.05);
  --shadow-md: 0 4px 14px rgba(25, 36, 45, 0.09), 0 2px 4px rgba(25, 36, 45, 0.05);
  --shadow-lg: 0 14px 40px rgba(25, 36, 45, 0.13), 0 4px 10px rgba(25, 36, 45, 0.06);
  --shadow-inset: inset 0 1px 2px rgba(25, 36, 45, 0.08);

  /* — Sluoksniai / Z-index — */
  --z-base:    1; /* @kind other */
  --z-sticky:  100; /* @kind other */
  --z-overlay: 1000; /* @kind other */
  --z-toast:   1100; /* @kind other */
}