/* ==========================================================================
   CFMOTO / Motorider — TARPAI, RADIUS, ELEVATION, LAYOUT
   8px bazinis ritmas. Mobile-first.
   ========================================================================== */

:root {
  /* ---- SPACING (8px ritmas, xs=4) ---- */
  --space-xs:  4px;
  --space-sm:  8px;
  --space-md:  16px;
  --space-lg:  24px;
  --space-xl:  40px;
  --space-2xl: 64px;
  --space-3xl: 96px; /* Didžiausias skalės žingsnis */

  /* ---- SEKCIJOS VERTIKALUS RITMAS ----
     Kanoninis top-level sekcijos vidinis vertikalus tarpas — VIRŠUS ir APAČIA.
     ⭐ TAISYKLĖ: sekcijų aukščiai / vertikalūs tarpai imami TIK iš spacing skalės,
     niekada ne „magiški" px. Fluid tarp 2xl↔3xl (64→96px), abu galai 8px skalėje.
     Naudoti VISOMS top-level turinio sekcijoms (vienodai viršui ir apačiai).
     Vienintelė išimtis — full-bleed hero (viewport / min-height). */
  --space-section: clamp(var(--space-2xl), 8vw, var(--space-3xl));

  /* ---- KAMPŲ APVALINIMAS ---- */
  --radius-sm:   4px;  /* Žymės, input */
  --radius-md:   8px;  /* Mygtukai */
  --radius-lg:   12px; /* Kortelės */
  --radius-xl:   20px; /* Dideli media blokai */
  --radius-pill: 999px;/* Chip / filtras / kategorijos žyma */

  /* ---- ELEVATION (subtilūs, švarus sporto vibe) ---- */
  --shadow-xs: 0 1px 2px rgba(73,73,72,0.06);
  --shadow-sm: 0 2px 8px rgba(73,73,72,0.08);
  --shadow-md: 0 8px 24px rgba(73,73,72,0.10);
  --shadow-lg: 0 16px 40px rgba(73,73,72,0.14);
  /* Blue glow — fokusui / aktyviam CTA */
  --shadow-focus: 0 0 0 3px rgba(0,155,180,0.30);

  /* ---- LAYOUT ---- */
  --container:      1200px; /* Maks. turinio plotis */
  --container-wide: 1400px;
  --gutter:         16px;   /* Mobile paraštės */
  --gutter-lg:      32px;   /* Desktop paraštės */
  --header-h:       72px;   /* Fiksuotos antraštės aukštis */
}