/* Aline – design tokens. Màu chỉ khai báo ở đây; Tùy biến → Màu sắc ghi đè các biến này. */
:root{
  color-scheme: light;
  --navy:#0369A1;          /* màu chính: tiêu đề nhấn, nút xanh, icon */
  --navy-deep:#0C4A6E;     /* xanh đậm: lớp phủ ảnh, chữ trên nền sáng */
  --sky:#0EA5E9;           /* màu phụ: gradient, viền focus */
  --cta:#CF4A0B;           /* nút chính, giá (≥ 4.5:1 với chữ trắng) */
  --cta-hover:#B03E08;
  --topbar:#0369A1;        /* thanh trên cùng */
  --footer:#0C4A6E;        /* chân trang */
  --bg:#FFFFFF; --bg-soft:#F0F9FF; --bg-tint:#F7FBFE;
  --ink:#0C4A6E;           /* chữ tiêu đề */
  --muted:#475569;         /* chữ phụ */
  --line:#D3EAF8; --line-strong:#BCDDF2;
  --on-dark:#FFFFFF; --on-dark-muted:#C7DDEC; --star:#F59E0B;
  --font:"Be Vietnam Pro", system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;
  --r-card:16px; --pill:999px;
  --container:1200px;
}