/* Design tokens & Geist @font-face for Renato Isufi theme. */

@font-face {
	font-family: 'Geist';
	src: url('../fonts/Geist-Variable.woff2') format('woff2');
	font-weight: 100 900;
	font-style: normal;
	font-display: swap;
}

@font-face {
	font-family: 'Geist';
	src: url('../fonts/Geist-Variable-Italic.woff2') format('woff2');
	font-weight: 100 900;
	font-style: italic;
	font-display: swap;
}

:root {
	/* Typography */
	--font-primary: 'Geist', 'Geist Placeholder', sans-serif;
	--fs-hero: clamp(2.5rem, 6vw, 5.5rem);
	--fs-h2: clamp(1.75rem, 3vw, 2.5rem);
	--fs-h3: clamp(1.25rem, 2vw, 1.5rem);
	--fs-body: 1rem;
	--fs-small: 0.875rem;
	--fw-regular: 400;
	--fw-medium: 500;
	--fw-bold: 700;

	/* Color palette */
	--color-bg-light: #ffffff;
	--color-bg-gray: #eaeaec;
	--color-bg-dark: #0d0d0d;
	--color-text-dark: #111111;
	--color-text-light: #ffffff;
	--color-text-muted: #6b6b6b;

	/* Specialty tags */
	--tag-gray: #f1f1f1;
	--tag-gray-text: #111111;
	--tag-blue: #a9c9da;
	--tag-blue-text: #111111;
	--tag-green: #d7e36b;
	--tag-green-text: #111111;
	--tag-purple: #9b7fe0;
	--tag-purple-text: #ffffff;

	/* Spacing (4px base) */
	--space-xs: 0.25rem; /* 4px */
	--space-sm: 0.5rem; /* 8px */
	--space-md: 1rem; /* 16px */
	--space-lg: 1.5rem; /* 24px */
	--space-xl: 2rem; /* 32px */
	--space-2xl: 3rem; /* 48px */
	--space-3xl: 4rem; /* 64px */

	/* Radius */
	--radius-sm: 0.25rem;
	--radius-md: 0.5rem;
	--radius-full: 9999px;

	/* Breakpoints */
	--bp-sm: 480px;
	--bp-md: 768px;
	--bp-lg: 1024px;
	--bp-xl: 1280px;

	/* Motion */
	--ease-default: cubic-bezier(0.4, 0, 0.2, 1);
	--transition-fast: 150ms var(--ease-default);
	--transition-medium: 300ms var(--ease-default);
}