/* ==========================================================================
   DIZAINO TOKENAI — vienintelė vieta, kur keičiamos spalvos ir tipografija.

   Pakeitus reikšmę čia, ji pasikeičia visoje svetainėje: ir turinio
   puslapiuose, ir WooCommerce kataloge, ir formose. Jokių spalvų kodų
   kituose CSS failuose būti neturi.
   ========================================================================== */

:root {

	/* --- Spalvos ---------------------------------------------------------
	   sand, bark, ink — kliento pateiktos.
	   clay — paimta iš logotipo („uodega" užrašo spalva).
	   paper, paper-2, hair, invert — išvestiniai paviršiai.
	   moss — funkcinė spalva būsenoms (yra sandėlyje, fokusas).

	   SVARBU DĖL KONTRASTO:
	   #785C4A ant #DBBBA7 duoda 3.41:1 ir NEATITINKA WCAG AA (min. 4.5:1).
	   Todėl --sand naudojama tik kaip akcentas, o ne kaip pagrindinis fonas.
	   Ant --sand tekstui leidžiama tik --ink (7.51:1).
	   --------------------------------------------------------------------- */

	--vu-paper:    #FBF7F2;   /* pagrindinis fonas */
	--vu-paper-2:  #F4ECE2;   /* alternatyvios sekcijos, formos */
	--vu-sand:     #DBBBA7;   /* akcentas, nuotraukų fonai */
	--vu-clay:     #C68F63;   /* akcentas iš logotipo, pavadėlio linija */
	--vu-bark:     #785C4A;   /* antrinis tekstas */
	--vu-ink:      #3B2B22;   /* antraštės, tamsūs blokai, poraštė */
	--vu-moss:     #6F7A5A;   /* būsenos, fokuso apvadas */
	--vu-hair:     #E4D6C6;   /* plonos linijos, apvadai */
	--vu-invert:   #F5EDE4;   /* tekstas ant tamsaus fono */

	/* --- Tipografija ------------------------------------------------------
	   Archivo naudojamas su išplėsta pločio ašimi (font-stretch), nes tokia
	   forma atkartoja logotipo užrašą „uodega". Tai tyčinis sprendimas —
	   nekeisti į standartinį plotį.
	   --------------------------------------------------------------------- */

	--vu-font-display: 'Archivo', system-ui, -apple-system, sans-serif;
	--vu-font-body:    'Manrope', system-ui, -apple-system, sans-serif;

	--vu-stretch-display: 118%;
	--vu-stretch-tight:   110%;

	/* --- Karkasas --------------------------------------------------------- */

	--vu-wrap:   1280px;   /* maksimalus turinio plotis */
	--vu-gut:    clamp(18px, 4vw, 52px);      /* paraštė nuo ekrano krašto */
	--vu-rail:   clamp(0px, 10.5vw, 186px);   /* juosta pavadėlio linijai */

	--vu-radius: 6px;

	/* --- Judesys ir šešėliai ---------------------------------------------- */

	--vu-ease: cubic-bezier(.33, 0, .15, 1);
	--vu-lift: 0 1px 2px rgba(59, 43, 34, .05), 0 18px 36px -20px rgba(59, 43, 34, .28);
}