/**
 * Linkivo design tokens.
 * Single source of truth for color, type and spacing. Every other
 * stylesheet in the theme should reference these variables instead of
 * hardcoding hex values, so the whole site stays consistent when we
 * eventually tweak the palette.
 */

:root {
	color-scheme: light;

	/* Palette (navy/gold system validated in the HTML prototypes) */
	--ink: #000814;
	--prussian: #001D3D;
	--oxford: #003566;
	--bus: #FFC300;
	--gold: #FFD60A;
	--white: #FFFFFF;
	--mist: #EEF2F6;
	--line: rgba(255, 255, 255, 0.12);
	--line-dark: rgba(0, 8, 20, 0.10);

	/* Text on light backgrounds, contrast-checked (see product page fixes) */
	--text-primary: var(--ink);
	--text-secondary: #4A5560;
	--text-muted: #5B6B7A;

	/* Type */
	--font-display: 'Space Grotesk', sans-serif;
	--font-body: 'Inter', sans-serif;
	--font-mono: 'IBM Plex Mono', monospace;

	/* Spacing scale */
	--space-xs: 6px;
	--space-sm: 10px;
	--space-md: 16px;
	--space-lg: 24px;
	--space-xl: 32px;
	--space-2xl: 48px;

	/* Radii */
	--radius-sm: 8px;
	--radius-md: 14px;
	--radius-lg: 18px;
	--radius-pill: 100px;
}

* {
	box-sizing: border-box;
}

html {
	scroll-behavior: smooth;
	background: var(--mist);
	color-scheme: light;
}

body {
	font-family: var(--font-body);
	background: var(--mist);
	color: var(--text-primary);
	-webkit-font-smoothing: antialiased;
	margin: 0;
}

h1, h2, h3, .display {
	font-family: var(--font-display);
	letter-spacing: -0.02em;
	margin: 0;
}

.mono {
	font-family: var(--font-mono);
}

img {
	max-width: 100%;
	display: block;
}

a {
	color: inherit;
}