/*
 * IBD dizajn tokeni — edini vir resnice za CSS.
 * Usklajeno z dokumentacija/dizajn-sistem.md in Elementor Site Settings.
 * Nobene nove vrednosti brez vpisa v dizajn-sistem.md.
 */

:root {
	/* --- Barve (Claude.md, razdelek 5) --- */
	--ibd-primary: #1617A5;
	--ibd-secondary: #4A6CF7;
	--ibd-text: #111827;
	--ibd-text-muted: #667085;
	--ibd-surface: #F8FAFC;
	--ibd-card: #FFFFFF;
	--ibd-border: #CBD5E1;
	--ibd-dark: #0D123F;

	/* Rob interaktivnih elementov: #CBD5E1 ima kontrast 1,4:1 in ne dosega
	   zahtevanih 3:1 (WCAG 1.4.11). Ta vrednost ima 4,76:1. */
	--ibd-border-strong: #64748B;

	/* Napaka v obrazcu */
	--ibd-danger: #B42318;

	/* --- Tipografija --- */
	--ibd-font: "Manrope", "Segoe UI", system-ui, -apple-system, sans-serif;

	--ibd-fs-h1: 56px;
	--ibd-fs-h2: 40px;
	--ibd-fs-h3: 28px;
	--ibd-fs-h4: 22px;
	--ibd-fs-body-lg: 18px;
	--ibd-fs-body: 16px;
	--ibd-fs-small: 14px;
	--ibd-fs-eyebrow: 13px;

	--ibd-lh-tight: 1.1;
	--ibd-lh-heading: 1.2;
	--ibd-lh-body: 1.7;

	--ibd-fw-regular: 400;
	--ibd-fw-medium: 500;
	--ibd-fw-semibold: 600;
	--ibd-fw-bold: 700;

	/* --- Odmiki: osnova 4px --- */
	--ibd-space-1: 4px;
	--ibd-space-2: 8px;
	--ibd-space-3: 12px;
	--ibd-space-4: 16px;
	--ibd-space-5: 20px;
	--ibd-space-6: 24px;
	--ibd-space-8: 32px;
	--ibd-space-10: 40px;
	--ibd-space-12: 48px;
	--ibd-space-16: 64px;
	--ibd-space-20: 80px;
	--ibd-space-24: 96px;
	--ibd-space-30: 120px;

	--ibd-section-py: var(--ibd-space-24);
	--ibd-section-px: var(--ibd-space-6);

	/* --- Širine --- */
	--ibd-container: 1500px;
	--ibd-container-narrow: 760px;

	/* --- Radius --- */
	--ibd-radius-btn: 8px;
	--ibd-radius-card: 12px;
	--ibd-radius-input: 8px;
	--ibd-radius-block: 16px;

	/* --- Sence: minimalno --- */
	--ibd-shadow-hover: 0 4px 16px rgba(17, 24, 39, 0.08);
	--ibd-shadow-header: 0 1px 3px rgba(17, 24, 39, 0.06);

	/* --- Prehodi --- */
	--ibd-transition-color: 150ms ease;
	--ibd-transition-move: 200ms ease;
}

/* Tablet */
@media (max-width: 1024px) {
	:root {
		--ibd-fs-h1: 44px;
		--ibd-fs-h2: 34px;
		--ibd-fs-h3: 25px;
		--ibd-fs-h4: 20px;
		--ibd-section-py: var(--ibd-space-20);
	}
}

/* Mobile */
@media (max-width: 767px) {
	:root {
		--ibd-fs-h1: 34px;
		--ibd-fs-h2: 28px;
		--ibd-fs-h3: 22px;
		--ibd-fs-h4: 18px;
		--ibd-fs-body-lg: 17px;
		--ibd-fs-eyebrow: 12px;
		--ibd-section-py: var(--ibd-space-16);
		--ibd-section-px: var(--ibd-space-5);
	}
}