/* Design tokens — brand palette */

:root {
	/* Brand */
	--ibc-accent: #071357;
	--ibc-accent-rgb: 7, 19, 87;
	--ibc-accent-soft: rgba(var(--ibc-accent-rgb), 0.08);

	/* Secondary semantic accent (projects, highlights) */
	--ibc-project-accent: #690107;
	--ibc-project-accent-soft: rgba(105, 1, 7, 0.1);

	/* Utility: tags, states, secondary UI */
	--ibc-ui: #6984a0;
	--ibc-text-secondary: #3d5063;
	--ibc-text-muted: #6984a0;

	/* Surfaces */
	--ibc-bg-page: #ffffff;
	--ibc-bg-home: #f4f6f8;
	--ibc-bg-hero: #ffffff;
	--ibc-bg-section: #c0ccd7;
	--ibc-bg-footer: #071357;
	--ibc-bg-footer-card: rgba(255, 255, 255, 0.04);
	--ibc-bg-footer-icon: rgba(255, 255, 255, 0.08);
	--ibc-footer-text: rgba(255, 255, 255, 0.72);
	--ibc-footer-heading: rgba(255, 255, 255, 0.45);
	--ibc-footer-muted: rgba(255, 255, 255, 0.5);
	--ibc-footer-border: rgba(255, 255, 255, 0.1);
	--ibc-white: #ffffff;
	--ibc-line-height: 1.3;
	--ibc-container: 1440px;
	--ibc-container-half: 720px;

	/* Spacing scale: 4, 8, 12, 16, 24, 32, 48, 64 */
	--ibc-space-4: 4px;
	--ibc-space-8: 8px;
	--ibc-space-12: 12px;
	--ibc-space-16: 16px;
	--ibc-space-24: 24px;
	--ibc-space-32: 32px;
	--ibc-space-48: 48px;
	--ibc-space-64: 64px;

	--ibc-container-padding: var(--ibc-space-48);
	--ibc-container-padding-md: var(--ibc-space-32);
	--ibc-container-padding-sm: var(--ibc-space-16);
	/* Outer max-width: content 1440 + side gutters */
	--ibc-container-max: calc(var(--ibc-container) + 2 * var(--ibc-container-padding));
	--ibc-section-padding-y: var(--ibc-space-64);
	--ibc-section-padding-y-md: var(--ibc-space-48);
	--ibc-section-padding-y-sm: var(--ibc-space-32);

	--ibc-radius: 12px;
	--ibc-radius-btn: 10px;

	/* Elevated surfaces (cards, filters, CTA strips, forms) */
	--ibc-shadow-card:
		0 2px 8px -2px rgba(7, 19, 87, 0.06),
		0 12px 32px -8px rgba(7, 19, 87, 0.14);
	--ibc-shadow-card-hover:
		0 4px 12px -2px rgba(7, 19, 87, 0.08),
		0 16px 40px -8px rgba(7, 19, 87, 0.18);

	/* Desktop typography */
	--ibc-h1-size: 52px;
	--ibc-text-size: 20px;
	--ibc-btn-size: 16px;
	--ibc-note-size: 12px;
	--ibc-hero-height: 720px;
	--ibc-stat-value-size: 36px;
	--ibc-stat-label-size: 16px;
}

@media (max-width: 1024px) {
	:root {
		--ibc-h1-size: 40px;
		--ibc-text-size: 18px;
		--ibc-btn-size: 16px;
		--ibc-note-size: 12px;
		--ibc-hero-height: auto;
		--ibc-stat-value-size: 26px;
		--ibc-stat-label-size: 12px;
	}
}

@media (max-width: 640px) {
	:root {
		--ibc-h1-size: 32px;
		--ibc-text-size: 16px;
		--ibc-btn-size: 15px;
		--ibc-note-size: 12px;
		--ibc-stat-value-size: 20px;
		--ibc-stat-label-size: 11px;
	}
}