/*
 * Literate AI 2026 — design tokens + theme overrides.
 *
 * Loaded after the Webflow CSS bundle so anything here wins. Phase 3 ships
 * just the token scaffold; Phase 4 fills in real values from Figma.
 */

:root {
	/* Colors — placeholder values; replace from Figma in Phase 4. */
	--lai-color-bg: #ffffff;
	--lai-color-fg: #0f172a;
	--lai-color-accent: #2563eb;
	--lai-color-muted: #64748b;
	--lai-color-border: #e5e7eb;

	/* Type scale */
	--lai-font-display: 'AtGambit', 'Spectral', Georgia, serif;
	--lai-font-body: 'Inter', 'Open Sans', system-ui, -apple-system, BlinkMacSystemFont, sans-serif;
	--lai-font-heading: 'Montserrat', 'Inter', system-ui, sans-serif;

	/* Spacing scale */
	--lai-space-1: 4px;
	--lai-space-2: 8px;
	--lai-space-3: 12px;
	--lai-space-4: 16px;
	--lai-space-6: 24px;
	--lai-space-8: 32px;
	--lai-space-12: 48px;
	--lai-space-16: 64px;

	/* Layout */
	--lai-content-max: 1280px;
}

/*
 * Phase 3 placeholder — confirms the file is loading. Removed in Phase 4
 * once real overrides land.
 */
.literate-phase3-marker {
	font-family: var(--lai-font-body);
}