/* ==========================================================================
   TOKENY

   Skratky pre premenné z theme.json pod názvami, ktoré používa CSS návrhu.
   Farby, písma, zaoblenia a rozmery sa menia v theme.json, nie tu.
   Odvodené hodnoty (priehľadné čiary, sklo, šum) majú zdroj v tomto súbore.
   ========================================================================== */

:root {
	color-scheme: light;

	/* ---- Farby (theme.json → settings.color.palette) -------------------- */
	--violet: var(--wp--preset--color--violet);
	--violet-deep: var(--wp--preset--color--violet-deep);
	--violet-soft: var(--wp--preset--color--violet-soft);
	--lilac: var(--wp--preset--color--lilac);
	--mist: var(--wp--preset--color--mist);
	--ink: var(--wp--preset--color--ink);
	--ink-2: var(--wp--preset--color--ink-2);
	--ink-3: var(--wp--preset--color--ink-3);
	--paper: var(--wp--preset--color--paper);
	--white: var(--wp--preset--color--white);
	--night: var(--wp--preset--color--night);
	--line: rgba(26, 15, 38, .10);
	--card: #FFFFFF;

	/* Farby, ktoré sa menia, keď stránka stmavne (sekcie s data-dark). */
	--bg: var(--paper);
	--fg: var(--ink);
	--fg2: var(--ink-2);
	--fg3: var(--ink-3);
	--hair: var(--line);

	/* ---- Písmo (theme.json → settings.typography.fontFamilies) ---------- */
	--display: var(--wp--preset--font-family--display);
	--body: var(--wp--preset--font-family--body);

	/* ---- Tvary a rozmery (theme.json → settings.custom) ----------------- */
	--r-xl: var(--wp--custom--radius--xl);
	--r-lg: var(--wp--custom--radius--lg);
	--r-md: var(--wp--custom--radius--md);
	--pill: var(--wp--custom--radius--pill);
	--gut: var(--wp--custom--layout--gutter);
	--max: var(--wp--custom--layout--max);
	--sec: var(--wp--custom--layout--section);

	/* ---- Efekty --------------------------------------------------------- */
	--glass: rgba(255, 255, 255, .14);
	--glass-line: rgba(255, 255, 255, .32);
	--grain: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='220' height='220'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='2' stitchTiles='stitch'/%3E%3CfeColorMatrix values='0 0 0 0 1 0 0 0 0 1 0 0 0 0 1 0 0 0 .55 0'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");

	/* Znak NEW WAY ako maska (záverečná výzva). */
	--mark: url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20viewBox%3D%22-5%20-5%20754%20361%22%3E%3Cpath%20d%3D%22M77.8861%20350.745H0V9.2844H77.8861V111.413C81.4967%2093.8759%2087.1705%2078.4019%2094.3917%2064.4752C101.613%2050.5486%20110.382%2038.6851%20121.213%2029.4007C131.529%2020.1163%20143.909%2012.3792%20157.32%207.73701C170.73%202.57899%20185.689%200%20201.163%200C220.247%200%20236.753%203.6106%20251.711%2010.316C266.67%2017.5373%20279.049%2027.3375%20288.849%2040.7483C299.165%2054.1592%20306.386%2070.6648%20312.06%2089.7495C317.734%20108.834%20319.797%20131.014%20319.797%20155.772V350.229H241.911V163.509C241.911%20147.519%20240.364%20133.593%20237.269%20121.729C234.174%20109.866%20229.532%20100.066%20222.826%2092.3285C216.121%2084.5915%20208.384%2078.4018%20198.584%2074.2754C188.783%2070.149%20177.952%2068.0858%20165.057%2068.0858C155.772%2068.0858%20147.004%2069.1174%20139.266%2071.1806C131.529%2073.2439%20124.308%2076.3386%20117.603%2079.9492C110.897%2083.5598%20105.224%2088.7179%20100.581%2094.3917C95.4233%20100.066%2091.2969%20106.771%2088.2021%20113.992C84.5915%20121.213%2082.0125%20129.466%2080.4651%20138.751C78.9177%20148.035%2077.8861%20157.835%2077.8861%20168.151V350.745Z%22/%3E%3Cpath%20d%3D%22M257.385%20350.745H322.376L417.799%2072.7274L491.043%20350.745H599.877L694.784%209.28377H614.835L539.528%20299.68L464.737%209.28377H367.766L257.385%20350.745Z%22/%3E%3Cpath%20d%3D%22M743.276%20350.744H663.327V266.669H743.276V350.744Z%22/%3E%3C/svg%3E");
}