/*-----------------------------------------------------------------------------------

	Klient:			Klempířství Kozaňák
	Tier:			T1 Prezentační web
	Postavil:		Riverlab (riverlab.cz)
	Verze:			0.2 (koncept, hero s fotkou a světlé karty)
	Dodáno:			Listopad 2026

-----------------------------------------------------------------------------------*/

/* Písmo: self-host, Archivo (nadpisy 600, text 400), robustní grotesk s celou češtinou */
@font-face { font-family: "Archivo"; src: url("../assets/fonts/archivo-latin-ext-400.woff2") format("woff2"); font-weight: 400; font-display: swap; unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF; }
@font-face { font-family: "Archivo"; src: url("../assets/fonts/archivo-latin-400.woff2") format("woff2"); font-weight: 400; font-display: swap; unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; }
@font-face { font-family: "Archivo"; src: url("../assets/fonts/archivo-latin-ext-600.woff2") format("woff2"); font-weight: 600; font-display: swap; unicode-range: U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF; }
@font-face { font-family: "Archivo"; src: url("../assets/fonts/archivo-latin-600.woff2") format("woff2"); font-weight: 600; font-display: swap; unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; }

:root {
	/* Primitiva: antracit a pozink z fasády dílny, měď z materiálu klienta (logo ani firemní barvy nemá) */
	--c-steel-950: #16191c;       /* antracit, tmavé pruhy a text */
	--c-steel-800: #2a2f34;
	--c-steel-400: #9aa2a9;       /* tlumený text na antracitu, 6,8 : 1 */
	--c-zinc-50: #f7f8f8;
	--c-zinc-100: #eceef0;        /* pozink, světlý pruh */
	--c-zinc-300: #c9ced2;        /* čáry */
	--c-ink-600: #4d555c;         /* tlumený text, na bílé 7,6 : 1, na pozinku 6,5 : 1 */
	--c-white: #ffffff;
	--c-copper-600: #a4552a;      /* hlavní akce, bílý text na ní 5,4 : 1 */
	--c-copper-700: #8e4722;      /* hover akce, 6,8 : 1 */
	--c-copper-300: #e08f5a;      /* měď na antracitu, 6,9 : 1 */
	--c-copper-50: #f7ece4;       /* měděný nádech karet, tlumený text na něm 6,0 : 1 */
	--c-steel-hero: #121a22;      /* tmavá vrstva přes fotku v hero */
	--c-note: #fff1a8;            /* [doplnit] v konceptu */

	/* Role */
	--color-bg: var(--c-white);
	--color-band: var(--c-zinc-100);
	--color-card: var(--c-zinc-50);
	--color-card-warm: var(--c-copper-50);
	--color-dark: var(--c-steel-950);
	--color-text: var(--c-steel-950);
	--color-text-muted: var(--c-ink-600);
	--color-text-on-dark: var(--c-zinc-100);
	--color-muted-on-dark: var(--c-steel-400);
	--color-line: var(--c-zinc-300);
	--color-action: var(--c-copper-600);
	--color-action-hover: var(--c-copper-700);
	--color-accent-on-dark: var(--c-copper-300);
	--color-link: var(--c-steel-950);
	--color-link-hover: var(--c-copper-700);
	--color-focus: var(--c-copper-600);

	/* Písmo */
	--font-heading: "Archivo", system-ui, sans-serif;
	--font-body: "Archivo", system-ui, sans-serif;
	--step--1: 0.875rem;
	--step-0: clamp(1rem, 0.96rem + 0.2vw, 1.125rem);
	--step-1: clamp(1.25rem, 1.15rem + 0.5vw, 1.5rem);
	--step-2: clamp(1.75rem, 1.5rem + 1.2vw, 2.5rem);
	--step-3: clamp(2.25rem, 1.7rem + 2.6vw, 3.75rem);
	--step-4: clamp(2.6rem, 1.6rem + 4.6vw, 5.5rem);
	--lh-body: 1.6;
	--lh-heading: 1.05;

	/* Rozměry */
	--content-max: 75rem;
	--gutter: clamp(1rem, 4vw, 2rem);
	--lom: clamp(1.5rem, 1rem + 3.5vw, 4.5rem);   /* výška střešního lomu mezi sekcemi */
	--section-space: min(clamp(4rem, 3rem + 5vw, 7.5rem), 12svh);   /* na nízkém notebooku menší, ať sekce zůstane na jedné obrazovce */
	--space-xs: 0.5rem;
	--space-s: 1rem;
	--space-m: 1.5rem;
	--space-l: 2.5rem;
	--space-xl: 4rem;
	--radius: 0;
	--header-h: 4.5rem;           /* aktuální výška hlavičky (kotvy) */
	--header-plna: 4.5rem;        /* výška hlavičky nahoře na stránce (odsazení hera) */
}