/**
 * Auto Theme 1 — Design tokens
 * Nguồn: Figma "Figma NEX" (file xsTBuWuSXvaoXvqeii4gF2), bóc ngày 2026-09-04.
 *
 * KHÔNG sửa file này bằng tay. Sửa figma/tokens.json rồi chạy:
 *   node figma/build-tokens.js
 *
 * Prefix: --at-  (auto-theme-1)
 */

:root {

	/* ---------------------------------------------------------------
	 * 1. Brand
	 * ------------------------------------------------------------- */
	--at-red: #E40011;  /* BYD red — CTA chính, badge, giá */
	--at-red-dark: #B8000E;  /* hover/active (derived) */
	--at-red-soft: #FF383C;  /* alert / lỗi */
	--at-navy: #0B2E63;  /* NEX navy */
	--at-navy-light: #123A78;
	--at-blue: #3699FF;  /* accent / link / focus */
	--at-blue-light: #6993FF;
	--at-blue-tint: #E1E9FF;
	--at-blue-tint-50: #F5F8FE;

	/* ---------------------------------------------------------------
	 * 2. Neutral
	 * ------------------------------------------------------------- */
	--at-gray-50: #F9FAFB;
	--at-gray-100: #F3F4F6;
	--at-gray-200: #E5E7EB;
	--at-gray-300: #D1D5DB;
	--at-gray-400: #9CA3AF;
	--at-gray-500: #6B7280;
	--at-gray-700: #374151;
	--at-gray-800: #1F2937;
	--at-gray-900: #111827;
	--at-white: #FFFFFF;
	--at-black: #000000;

	/* ---------------------------------------------------------------
	 * 3. Dark
	 * ------------------------------------------------------------- */
	--at-dark-300: #8A94A3;
	--at-dark-500: #5A6472;
	--at-dark-900: #0B1017;
	--at-dark: #1B2430;

	/* ---------------------------------------------------------------
	 * 4. Typography
	 * ------------------------------------------------------------- */
	--at-font-heading: "Archivo", system-ui, -apple-system, "Segoe UI", sans-serif;
	--at-font-body: "Mulish", system-ui, -apple-system, "Segoe UI", sans-serif;
	--at-font-corp: "Inter", system-ui, -apple-system, "Segoe UI", sans-serif;  /* chỉ dùng trên page NEX - Corp */
	--at-fs-3xs: 10px;
	--at-fs-2xs: 11px;
	--at-fs-xs: 12px;
	--at-fs-sm: 13px;
	--at-fs-base: 14px;
	--at-fs-md: 15px;
	--at-fs-lg: 16px;
	--at-fs-xl: 18px;
	--at-fs-2xl: 20px;
	--at-fs-3xl: 24px;
	--at-fs-4xl: 28px;
	--at-fs-5xl: 34px;
	--at-fs-6xl: 40px;
	--at-fs-7xl: 48px;
	--at-fs-8xl: 58px;
	--at-lh-tight: 1.1;
	--at-lh-heading: 1.2;
	--at-lh-snug: 1.35;
	--at-lh-body: 1.5;
	--at-lh-relaxed: 1.65;
	--at-ls-tight: -0.01em;
	--at-ls-normal: 0;
	--at-ls-wide: 0.06em;
	--at-ls-wider: 0.16em;

	/* ---------------------------------------------------------------
	 * 5. Spacing
	 * ------------------------------------------------------------- */
	--at-space-1: 4px;
	--at-space-2: 8px;
	--at-space-3: 12px;
	--at-space-4: 16px;
	--at-space-5: 20px;
	--at-space-6: 24px;
	--at-space-8: 32px;
	--at-space-10: 40px;
	--at-space-12: 48px;
	--at-space-16: 64px;
	--at-space-20: 80px;
	--at-space-24: 96px;

	/* ---------------------------------------------------------------
	 * 6. Radius
	 * ------------------------------------------------------------- */
	--at-radius-xs: 4px;
	--at-radius-sm: 8px;
	--at-radius-md: 12px;
	--at-radius-lg: 14px;
	--at-radius-xl: 24px;
	--at-radius-pill: 999px;

	/* ---------------------------------------------------------------
	 * 7. Layout
	 * ------------------------------------------------------------- */
	--at-container: 1440px;
	--at-content: 1312px;
	--at-content-narrow: 888px;
	--at-aside: 390px;
	--at-gutter: 64px;
	--at-gutter-mobile: 20px;
}