/*
 * Design tokeni izvuceni iz Figma fajla (Civava inoks burad, board civava.rs).
 * Izvor: dev-civava-theme/figma/exports (skripte + JSON dump-ovi, ne migriraju se).
 */

:root {
	/* --- Boje --- */
	--c-ink: #1c1612;       /* najtamnija - naslovi, tamne sekcije (hero, footer, about) */
	--c-text: #3a3532;      /* telo teksta na svetloj podlozi (izvedeno iz --c-ink za citljivost) */
	--c-gray: #636466;      /* sekundarni tekst, navigacija na svetloj podlozi */
	--c-warm-gray: #7a6e63; /* ivice/borderi na tamnoj podlozi, ikonice */
	--c-bronze: #8c6d3f;    /* primarna akcentna (dugmad, overline labele, cene) */
	--c-gold: #c4a35a;      /* sekundarna akcentna (brojevi, hover, tagline) */
	--c-border: #d1c4af;    /* ivice kartica na svetloj podlozi */
	--c-cream-50: #faf7f1;  /* svetla podloga sekcija / tekst na tamnoj podlozi */
	--c-cream-100: #f4efe6; /* pozadina stranice (homepage bg) */
	--c-cream-200: #e8dfd0; /* tekst pasusa na tamnoj podlozi */
	--c-white: #ffffff;
	--c-gray-muted: #969696;

	/* --- Tipografija --- */
	--font-serif: 'EB Garamond', Georgia, serif;       /* naslovi H2/H3, cene */
	--font-display: 'Fraunces', Georgia, serif;         /* veliki hero naslovi */
	--font-body: 'Open Sans', -apple-system, sans-serif;/* telo teksta, navigacija, dugmad */
	--font-mono: 'DM Mono', 'Courier New', monospace;   /* male mono labele (specifikacije, tagline) */
	--font-accent: 'DM Sans', sans-serif;               /* brojevi (badge korpe) */

	/* --- Razmak / kontejner --- */
	--container-max: 1440px;
	--container-padding: 108px;
	--section-padding-y: 80px;
	--radius-sm: 4px;

	/* --- Senke --- */
	--shadow-card: 0 1px 2px rgba(28, 22, 18, 0.06);
}

@media (max-width: 1024px) {
	:root {
		--container-padding: 32px;
		--section-padding-y: 56px;
	}
}

@media (max-width: 600px) {
	:root {
		--container-padding: 20px;
		--section-padding-y: 40px;
	}
}