@font-face {
	font-family: "Barlow";
	src: url("/fonts/barlow-400.woff2") format("woff2");
	font-style: normal;
	font-weight: 400;
	font-display: swap;
}

@font-face {
	font-family: "Barlow";
	src: url("/fonts/barlow-600.woff2") format("woff2");
	font-style: normal;
	font-weight: 600;
	font-display: swap;
}

@font-face {
	font-family: "Barlow";
	src: url("/fonts/barlow-700.woff2") format("woff2");
	font-style: normal;
	font-weight: 700;
	font-display: swap;
}

:root {
	--bg: #f3f6fa;
	--surface: #ffffff;
	--surface-soft: #f7f9fc;
	--surface-subtle: #f9fbff;
	--surface-muted: #eef3f8;
	--surface-info-start: #f7f9fc;
	--surface-info-end: #eef3f8;
	--surface-success: #ecf8f3;
	--surface-success-strong: #e4f5ee;
	--surface-danger-strong: #fdeceb;
	--surface-warning: #ffe2c2;
	--surface-warning-hover: #ffd5a8;
	--text: #0f172a;
	--text-strong: #172033;
	--text-heading: #111111;
	--text-title: #0f0f0f;
	--text-muted: #5a6b82;
	--text-muted-2: #42536a;
	--text-on-dark: #ffffff;
	--text-warning: #4b2d11;
	--text-warning-strong: #a55300;
	--text-success: #114b24;
	--muted: #5a6b82;
	--brand: #24374a;
	--brand-dark: #0f172a;
	--brand-soft: #334b63;
	--accent: #f08000;
	--accent-dark: #cf6e00;
	--accent-strong: #ff922b;
	--border: #d5deea;
	--border-success: #b8d5bb;
	--border-soft: #dbe4ee;
	--border-muted: #c7d3e0;
	--border-strong: #a8b8ca;
	--danger: #b42318;
	--success: #0c7b3b;
	--success-strong: #0b9016;
	--success-strong-hover: #097a12;
	--radius: 12px;
	--radius-sm: 8px;
	--radius-pill: 50px;
	--shadow-sm: 0 1px 4px rgba(0, 0, 0, 0.07);
	--shadow-md: 0 4px 20px rgba(0, 0, 0, 0.1);
	--shadow-lg: 0 8px 32px rgba(0, 0, 0, 0.13);
	--transition: 0.18s ease;
}