/*
 * Design tokens thương hiệu creditcard.com.vn — nguồn duy nhất (single
 * source of truth) cho màu sắc, khoảng cách bo góc, đổ bóng, easing dùng
 * chung toàn site. Theme (và bất kỳ theme nào thay thế sau này) đọc các
 * biến CSS này thay vì định nghĩa lại — đổi nhận diện thương hiệu chỉ cần
 * sửa 1 file duy nhất ở đây, không phải rà từng theme.
 */
:root{
  --navy:#171215; --navy2:#3a2e33; --blue:#d6136b; --blue2:#a80f55; --teal:#f7931e;
  --blue-light:#fdeaf2; --teal-light:#fff2e0;
  --green:#12966d; --green-light:#e6f7f0; --amber:#e2900f; --amber-light:#fdf1de; --red:#e0453f; --red-light:#fdecec;
  --bg:#f7f6f8; --card:#ffffff;
  --text:#1c1418; --muted:#6f6469; --border:#ece7ea; --border2:#e0d9de;
  --ad-bg:#f9f7f8; --ad-border:#ddd4d9; --ad-text:#8a7d84;
  --grad-brand:linear-gradient(120deg,#F7931E 0%,#F0295E 100%);
  --grad-hero:linear-gradient(135deg,#171016 0%,#2a1420 55%,#341226 100%);
  --radius:14px; --radius-lg:20px; --radius-full:999px;
  --shadow-xs:0 1px 2px rgba(30,15,25,.05);
  --shadow-sm:0 2px 8px rgba(30,15,25,.07), 0 1px 2px rgba(30,15,25,.04);
  --shadow-md:0 8px 24px rgba(30,15,25,.10), 0 2px 6px rgba(30,15,25,.05);
  --shadow-lg:0 20px 48px rgba(30,10,20,.18), 0 4px 12px rgba(30,10,20,.08);
  --ease:cubic-bezier(.2,.7,.3,1);
}