/* Design tokens — khớp collection "Màu thương hiệu" trong Figma fxg96KsU8A1yKyOurFbmWu. */
:root {
	--ah-navy-900: #0e2a47;
	--ah-navy-700: #1b4f7a; /* màu chữ A trong logo */
	--ah-navy-500: #3d7ab0;
	--ah-navy-100: #dce8f3;
	--ah-navy-50: #f1f6fb;
	--ah-amber-500: #f5a623; /* mặt trời trong logo */
	--ah-amber-300: #ffc862;
	--ah-amber-50: #fff5e3;
	--ah-ink-900: #13212f;
	--ah-ink-600: #52606e;
	--ah-line: #e2e8ef;
	--ah-surface: #f7f9fb;
	--ah-white: #fff;
	--ah-zalo: #0068ff;

	--ah-font: "Be Vietnam Pro", system-ui, -apple-system, "Segoe UI", sans-serif;
	--ah-container: 1200px;
	--ah-gutter: 16px;
	--ah-radius-sm: 10px;
	--ah-radius: 16px;
	--ah-radius-lg: 24px;
	--ah-section-y: 96px;
}

@media (max-width: 767px) {
	:root {
		--ah-section-y: 64px;
	}
}