/* Design tokens — Oscar Arróliga services site */

@font-face {
	font-family: 'Inter';
	src: url('../fonts/Inter-Variable.woff2') format('woff2-variations'),
		url('../fonts/Inter-Variable.woff2') format('woff2');
	font-weight: 400 800;
	font-style: normal;
	font-display: swap;
}

@font-face {
	font-family: 'Inter';
	src: url('../fonts/Inter-Italic-Variable.woff2') format('woff2-variations'),
		url('../fonts/Inter-Italic-Variable.woff2') format('woff2');
	font-weight: 400 800;
	font-style: italic;
	font-display: swap;
}

:root {
	/* Color */
	--gpoa-ink: #16213a;
	--gpoa-ink-soft: #4a5568;
	--gpoa-bg: #faf9f6;
	--gpoa-surface: #ffffff;
	--gpoa-border: #e5e1da;
	--gpoa-accent: #1d4ed8;
	--gpoa-accent-dark: #1e3a8a;
	--gpoa-accent-soft: #eef2ff;
	--gpoa-success: #15803d;
	--gpoa-error: #b91c1c;

	/* Type */
	--gpoa-font: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
	--gpoa-h1: clamp(1.75rem, 5vw, 2.75rem);
	--gpoa-h2: clamp(1.5rem, 4vw, 2.25rem);
	--gpoa-h3: clamp(1.25rem, 3vw, 1.5rem);
	--gpoa-body: 1rem;
	--gpoa-small: 0.875rem;
	--gpoa-lh: 1.6;

	/* Spacing (4px base) */
	--gpoa-space-1: 0.25rem;
	--gpoa-space-2: 0.5rem;
	--gpoa-space-3: 0.75rem;
	--gpoa-space-4: 1rem;
	--gpoa-space-5: 1.5rem;
	--gpoa-space-6: 2rem;
	--gpoa-space-7: 3rem;
	--gpoa-space-8: 4rem;
	--gpoa-space-9: 6rem;

	/* Shape */
	--gpoa-radius: 3px;
	--gpoa-radius-lg: 4px;

	/* Motion */
	--gpoa-transition: 180ms ease-out;

	/* Layout */
	--gpoa-content-width: 1200px;
}