/*
 * Design tokeny VZoom Weave (VZ-OPP-027).
 * Jediný zdroj pravdy pro barvy, písma a rozměry. Komponenty používají tyto
 * proměnné, ne napevno zadané hodnoty. Barvy dle doc/01-design-system.md.
 */

:root {
	/* --- Barvy: akcenty --- */
	--vz-primary: #016d80;        /* petrolejová – akce (tlačítka, odkazy, aktivní menu) */
	--vz-primary-hover: #01525f;  /* tmavší pro hover/aktivní stav */
	--vz-secondary: #ea1999;      /* magenta – zvýraznění (poptávka, odznaky) */
	--vz-secondary-hover: #c70f80;

	/* --- Barvy: plochy a text --- */
	--vz-bg: #f4f4f4;             /* pozadí stránek */
	--vz-surface: #ffffff;        /* karty, plochy */
	--vz-dark: #1a1a1a;           /* tmavé pruhy / overlay hero / banner zakázky */
	--vz-text: #232527;           /* běžný text */
	--vz-text-muted: #6b6e70;     /* sekundární text */
	--vz-on-primary: #ffffff;     /* text na primární barvě */
	--vz-on-dark: #ffffff;        /* text na tmavé ploše */
	--vz-border: #e3e3e3;         /* linky, rámečky */

	/* --- Barvy: stavy --- */
	--vz-success: #2e7d32;
	--vz-error: #c62828;
	--vz-focus: #016d80;          /* viditelný focus (přístupnost) */

	/* --- Písma --- */
	--vz-font-base: "Carlito", "Calibri", system-ui, -apple-system, "Segoe UI",
		Roboto, Arial, sans-serif;
	--vz-font-heading: var(--vz-font-base); /* nadpisy i text = Carlito */
	--vz-fw-normal: 400;
	--vz-fw-bold: 700;

	/* --- Rádiusy a rozměry --- */
	--vz-radius-sm: 4px;
	--vz-radius-md: 8px;
	--vz-radius-pill: 999px;

	/* --- Odsazení (4px krok) --- */
	--vz-space-1: 4px;
	--vz-space-2: 8px;
	--vz-space-3: 12px;
	--vz-space-4: 16px;
	--vz-space-6: 24px;
	--vz-space-8: 32px;
	--vz-space-12: 48px;

	/* --- Ostatní --- */
	--vz-shadow-card: 0 1px 3px rgba(0, 0, 0, 0.08);
	--vz-maxw: 1200px;
}