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

   Skratky pre premenné z theme.json. Nové hodnoty tu nevznikajú – jediným
   zdrojom pravdy je theme.json. Premenné `--garan-*` číta plugin
   GARAN Generator (generátor a účet), aby ladil s témou.
   ========================================================================== */

:root {
	/* ---- Farby --------------------------------------------------------- */
	--gt-ink: var(--wp--preset--color--ink);
	--gt-body: var(--wp--preset--color--body);
	--gt-muted: var(--wp--preset--color--muted);
	--gt-border: var(--wp--preset--color--border);
	--gt-mist: var(--wp--preset--color--mist);
	--gt-white: var(--wp--preset--color--white);
	--gt-accent: var(--wp--preset--color--accent);
	--gt-accent-dark: var(--wp--preset--color--accent-dark);
	--gt-accent-soft: var(--wp--preset--color--accent-soft);
	--gt-success: var(--wp--preset--color--success);
	--gt-error: var(--wp--preset--color--error);

	/* ---- Typografia ---------------------------------------------------- */
	--gt-font: var(--wp--preset--font-family--inter);

	--gt-fs-micro: var(--wp--preset--font-size--micro);
	--gt-fs-small: var(--wp--preset--font-size--small);
	--gt-fs-base: var(--wp--preset--font-size--base);
	--gt-fs-lead: var(--wp--preset--font-size--lead);
	--gt-fs-heading: var(--wp--preset--font-size--heading);
	--gt-fs-title: var(--wp--preset--font-size--title);
	--gt-fs-display: var(--wp--preset--font-size--display);

	--gt-weight-regular: 400;
	--gt-weight-medium: 500;
	--gt-weight-semibold: 600;
	--gt-weight-bold: 700;

	--gt-lh-tight: 1.1;
	--gt-lh-snug: 1.3;
	--gt-lh-base: 1.55;
	--gt-lh-loose: 1.7;

	--gt-tracking-tight: -0.025em;
	--gt-tracking-wide: 0.06em;

	/* ---- Spacing ------------------------------------------------------- */
	--gt-space-4: var(--wp--preset--spacing--10);
	--gt-space-8: var(--wp--preset--spacing--20);
	--gt-space-12: var(--wp--preset--spacing--30);
	--gt-space-16: var(--wp--preset--spacing--40);
	--gt-space-24: var(--wp--preset--spacing--50);
	--gt-space-32: var(--wp--preset--spacing--60);
	--gt-space-48: var(--wp--preset--spacing--70);
	--gt-space-64: var(--wp--preset--spacing--80);
	--gt-space-section: var(--wp--preset--spacing--90);

	/* ---- Rozmery ------------------------------------------------------- */
	--gt-container: var(--wp--style--global--content-size);
	--gt-gutter: clamp(20px, 5vw, 56px);
	--gt-header-height: 84px;

	/* ---- Ostatné ------------------------------------------------------- */
	--gt-radius: 12px;
	--gt-radius-sm: 8px;
	--gt-radius-pill: 999px;
	--gt-btn-height: 48px;

	--gt-shadow-soft: 0 1px 2px rgba(11, 18, 32, 0.05), 0 12px 32px -16px rgba(11, 18, 32, 0.18);
	--gt-shadow-label: 0 1px 2px rgba(11, 18, 32, 0.06), 0 32px 64px -32px rgba(3, 78, 162, 0.35);

	--gt-ease: cubic-bezier(0.4, 0, 0.2, 1);
	--gt-duration: 0.18s;

	/* ---- Most pre plugin GARAN Generator ------------------------------- */
	--garan-text: var(--gt-ink);
	--garan-muted: var(--gt-muted);
	--garan-border: var(--gt-border);
	--garan-surface: var(--gt-white);
	--garan-mist: var(--gt-mist);
	--garan-accent: var(--gt-accent);
	--garan-accent-dark: var(--gt-accent-dark);
	--garan-success: var(--gt-success);
	--garan-error: var(--gt-error);
	--garan-radius: var(--gt-radius);
	--garan-radius-sm: var(--gt-radius-sm);
	--garan-font: var(--gt-font);
}

@media (prefers-reduced-motion: reduce) {
	:root {
		--gt-duration: 0.01ms;
	}
}