@font-face {
	font-family: "Space Grotesk";
	font-style: normal;
	font-weight: 300 700;
	font-display: swap;
	src: url("../fonts/space-grotesk-variable.ttf") format("truetype-variations");
}

@font-face {
	font-family: "Be Vietnam Pro";
	font-style: normal;
	font-weight: 500;
	font-display: swap;
	src: url("../fonts/be-vietnam-pro-500.ttf") format("truetype");
}

@font-face {
	font-family: "Be Vietnam Pro";
	font-style: normal;
	font-weight: 600;
	font-display: swap;
	src: url("../fonts/be-vietnam-pro-600.ttf") format("truetype");
}

@font-face {
	font-family: "Be Vietnam Pro";
	font-style: normal;
	font-weight: 400;
	font-display: swap;
	src: url("../fonts/be-vietnam-pro-vietnamese-400-normal.woff2") format("woff2");
	unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+0300-0301, U+0303-0304, U+0308-0309, U+0323, U+0329, U+1EA0-1EF9, U+20AB;
}

@font-face {
	font-family: "Be Vietnam Pro";
	font-style: normal;
	font-weight: 400;
	font-display: swap;
	src: url("../fonts/be-vietnam-pro-latin-400-normal.woff2") format("woff2");
	unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

@font-face {
	font-family: "Be Vietnam Pro";
	font-style: normal;
	font-weight: 700;
	font-display: swap;
	src: url("../fonts/be-vietnam-pro-vietnamese-700-normal.woff2") format("woff2");
	unicode-range: U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+0300-0301, U+0303-0304, U+0308-0309, U+0323, U+0329, U+1EA0-1EF9, U+20AB;
}

@font-face {
	font-family: "Be Vietnam Pro";
	font-style: normal;
	font-weight: 700;
	font-display: swap;
	src: url("../fonts/be-vietnam-pro-latin-700-normal.woff2") format("woff2");
	unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

:root,
[data-theme="light"] {
	--hz-color-brand: #147a63;
	--hz-color-accent: #29a587;
	--hz-color-background: #f6f8fa;
	--hz-color-surface: #ffffff;
	--hz-color-text: #1f2328;
	--hz-color-muted: #59636e;
	--hz-color-border: #d1d9e0;
	--hz-color-brand-display: #29a587;
	--hz-color-brand-navy: #253a4e;
	--hz-font-heading: "Space Grotesk", system-ui, sans-serif;
	--hz-font-body: "Be Vietnam Pro", system-ui, sans-serif;
	--hz-container-max: 75rem;
	--hz-radius-card: 0.75rem;
	--hz-radius-control: 0.5rem;
	--hz-radius-action: 0.5rem;
	--hz-shadow-soft: 0 1rem 2.5rem rgb(31 35 40 / 0.08);
	--hz-header-height: 4.5rem;
}

[data-theme="dark"] {
	--hz-color-brand: #56d4ad;
	--hz-color-accent: #29a587;
	--hz-color-background: #0d1117;
	--hz-color-surface: #161b22;
	--hz-color-text: #e6edf3;
	--hz-color-muted: #8b949e;
	--hz-color-border: #30363d;
	--hz-color-brand-display: #29a587;
	--hz-color-brand-navy: #e6edf3;
	--hz-shadow-soft: 0 1rem 2.5rem rgb(0 0 0 / 0.28);
}