/* ACS design tokeni. Jedini izvor boja/spacinga/tipografije. */

/* Fontovi — self-host, latin-ext, swap. Stvarni .woff2 se dodaju kasnije
   (putanje su fiksne da tema i motion gadjaju iste fajlove). */
@font-face {
	font-family: 'Sora';
	font-style: normal;
	font-weight: 500 700;
	font-display: swap;
	src: url('../fonts/sora-latin-ext.woff2') format('woff2');
	unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
@font-face {
	font-family: 'Sora';
	font-style: normal;
	font-weight: 500 700;
	font-display: swap;
	src: url('../fonts/sora-latin.woff2') format('woff2');
	unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
@font-face {
	font-family: 'Inter';
	font-style: normal;
	font-weight: 400 600;
	font-display: swap;
	src: url('../fonts/inter-latin-ext.woff2') format('woff2');
	unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
@font-face {
	font-family: 'Inter';
	font-style: normal;
	font-weight: 400 600;
	font-display: swap;
	src: url('../fonts/inter-latin.woff2') format('woff2');
	unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

:root {
	/* Brend */
	--acs-blue: #0066B3;        /* Daikin plava — CTA, primarni brand */
	--acs-blue-dark: #2E90D6;   /* posvetljena plava za dark mod */
	--acs-graphite: #0E1B2A;    /* tekst / dark baza */
	--acs-cyan: #19C2E6;        /* AKCENAT / linija SAMO — nikad tekst na svetlom */

	/* Topli neutrali (svetla baza) */
	--acs-n-0: #FFFFFF;
	--acs-n-1: #F7F9FB;
	--acs-n-2: #EEF2F6;
	--acs-n-3: #D9E1E9;
	--acs-n-4: #8B98A6;
	--acs-ink: #0E1B2A;
	--acs-ink-soft: #3A4A5C;

	/* Semanticke — svetla tema */
	--acs-bg: var(--acs-n-0);
	--acs-bg-soft: var(--acs-n-1);
	--acs-surface: var(--acs-n-0);
	--acs-surface-2: var(--acs-n-1);
	--acs-text: var(--acs-ink);
	--acs-text-soft: var(--acs-ink-soft);
	--acs-text-mute: var(--acs-n-4);
	--acs-hairline: var(--acs-n-3);
	--acs-cta: var(--acs-blue);
	--acs-cta-text: #FFFFFF;
	--acs-link: var(--acs-blue);
	--acs-accent: var(--acs-cyan);

	/* Senke ≤4% opacity — hairline je primarni razdvajac, ne senka */
	--acs-shadow-sm: 0 1px 2px rgba(14, 27, 42, .04);
	--acs-shadow-md: 0 4px 16px rgba(14, 27, 42, .04);

	/* Tipografija */
	--acs-font-display: 'Sora', system-ui, -apple-system, 'Segoe UI', Roboto, sans-serif;
	--acs-font-body: 'Inter', system-ui, -apple-system, 'Segoe UI', Roboto, sans-serif;

	/* Fluidna skala (clamp min .. max) */
	--acs-fs-xs: .8125rem;
	--acs-fs-sm: .9375rem;
	--acs-fs-base: 1rem;
	--acs-fs-lg: clamp(1.125rem, 1rem + .5vw, 1.375rem);
	--acs-fs-xl: clamp(1.5rem, 1.2rem + 1.4vw, 2.25rem);
	--acs-fs-2xl: clamp(2rem, 1.4rem + 2.6vw, 3.5rem);

	/* Razmak — 4px baza */
	--acs-sp-1: .25rem;
	--acs-sp-2: .5rem;
	--acs-sp-3: .75rem;
	--acs-sp-4: 1rem;
	--acs-sp-6: 1.5rem;
	--acs-sp-8: 2rem;
	--acs-sp-12: 3rem;
	--acs-sp-16: 4rem;
	--acs-sp-24: 6rem;

	/* Radiusi — umereni, tehnicki (ne "pill" svuda) */
	--acs-r-sm: 6px;
	--acs-r-md: 10px;
	--acs-r-lg: 16px;

	/* Layout */
	--acs-container: 1200px;
	--acs-container-wide: 1440px;
	--acs-gutter: clamp(1rem, .5rem + 2vw, 2rem);

	/* Motion recnik (SPEC §2) — 0% overshoot */
	--acs-ease: cubic-bezier(.22, .61, .36, 1);
	--acs-dur-hover: 180ms;
	--acs-dur-ui: 240ms;
	--acs-dur-reveal: 640ms;

	/* z-slojevi */
	--acs-z-line: 5;
	--acs-z-header: 50;
	--acs-z-sticky-cta: 60;
	--acs-z-marker: 70;
}

/* Dark override — grafitni chrome, svetle kartice-ostrva.
   Plava se posvetli (#2E90D6) za kontrast. */
[data-theme="dark"] {
	--acs-bg: #0A1420;
	--acs-bg-soft: #0E1B2A;
	--acs-surface: #14293D;
	--acs-surface-2: #1B354C;
	--acs-text: #EAF1F7;
	--acs-text-soft: #B4C4D2;
	--acs-text-mute: #7C8C9B;
	--acs-hairline: #24405A;
	--acs-cta: var(--acs-blue-dark);
	--acs-cta-text: #06121F;
	--acs-link: #6FB6E6;
	--acs-accent: var(--acs-cyan);
	--acs-shadow-sm: 0 1px 2px rgba(0, 0, 0, .3);
	--acs-shadow-md: 0 6px 20px rgba(0, 0, 0, .35);
}