/* Linkhouse tokens — Glow layout, brand colors */

@font-face {
	font-family: 'IBM Plex Sans';
	src: url('../../fonts/ibm-plex-sans/IBMPlexSans-Regular.woff2') format('woff2');
	font-weight: 400;
	font-style: normal;
	font-display: swap;
}

@font-face {
	font-family: 'IBM Plex Sans';
	src: url('../../fonts/ibm-plex-sans/IBMPlexSans-Bold.woff2') format('woff2');
	font-weight: 700;
	font-style: normal;
	font-display: swap;
}

:root {
	--bg: #000021;
	--bg-elevated: #07072e;
	--bg-soft: #0c0c3a;
	--text: #eae7e2;
	--text-muted: #9aa0b8;
	--accent: #24367d;
	--accent-dark: #ffffff;
	--border: rgba(234, 231, 226, 0.14);
	--overlay: rgba(0, 0, 33, 0.42);

	--title-scale: 0.7;

	--glow-gold: rgba(36, 54, 125, 0.22);
	--glow-warm: rgba(90, 140, 220, 0.12);
	--glow-radial: radial-gradient(ellipse 60% 50% at 50% 40%, var(--glow-gold), transparent 70%);

	--font-display: 'IBM Plex Sans', system-ui, sans-serif;
	--font-body: 'IBM Plex Sans', system-ui, sans-serif;
	--font-mono: 'IBM Plex Sans', ui-monospace, monospace;

	--space-xs: 0.5rem;
	--space-sm: 1rem;
	--space-md: 1.5rem;
	--space-lg: 2.5rem;
	--space-xl: 4rem;
	--space-2xl: 6rem;
	--space-3xl: 8rem;

	--container: min(1280px, calc(100% - 2.5rem));
	--container-wide: min(1290px, calc(100% - 2rem));
	--header-h: 4.25rem;
	--footer-h: 3.75rem;
	--radius: 0;
	--radius-pill: 0;

	--ease: cubic-bezier(0.22, 1, 0.36, 1);
	--duration: 0.55s;
	--duration-slow: 1.1s;
}

@media (max-width: 768px) {
	:root {
		--container: min(100% - 1.5rem, 1280px);
		--space-2xl: 4rem;
		--space-3xl: 5rem;
	}
}