/**
 * Design tokens extracted from Figma (W-FS, Dev Mode inspection).
 * See docs/figma-inventory.md for source values and node references.
 */

@font-face {
	font-family: 'Playfair Display';
	font-style: normal;
	font-weight: 400 900;
	font-display: swap;
	src: url('../fonts/playfair-display/playfair-display-variable.woff2') format('woff2');
}

@font-face {
	font-family: 'Jost';
	font-style: normal;
	font-weight: 300 600;
	font-display: swap;
	src: url('../fonts/jost/jost-variable.woff2') format('woff2');
}

:root {
	/* Colors */
	--color-black: #000;
	--color-white: #fff;
	--color-overlay-dark: rgba(0, 0, 0, 0.2);
	--color-text: var(--color-black);
	--color-bg: var(--color-white);
	--color-border: rgba(0, 0, 0, 0.12);
	--color-border-btn: #ddd;
	--color-muted: #747474;

	/* Typography */
	--font-display: 'Playfair Display', Georgia, 'Times New Roman', serif;
	--font-body: 'Jost', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;

	--fs-hero: 80px;
	--fs-h1: 42px;
	--fs-h2: 32px;
	--fs-h3: 24px;
	--fs-nav: 18px;
	--fs-body: 16px;
	--fs-small: 14px;
	--fs-eyebrow: 12px;

	/* Spacing */
	--space-2xs: 8px;
	--space-xs: 16px;
	--space-sm: 24px;
	--space-md: 40px;
	--space-lg: 64px;
	--space-xl: 96px;

	/* Layout */
	--container-max: 1221px;
	--container-padding: 24px;
	--header-height: 64px;

	/* Motion */
	--ease: cubic-bezier(0.4, 0, 0.2, 1);
	--duration: 200ms;
}

/* Mobile-first: Figma mobile frame is 393px; desktop frame is 1440px. */