/* Token thiết kế lấy từ Figma "Vietlott Internet" (E27YDt9FqpHiDDDADjmUFc).
   CHỈ ghi giá trị đã đối chiếu trực tiếp trên Figma; bổ sung dần theo từng đợt. */
:root {
  /* Màu */
  --brand-primary: #E50929;        /* Key-Vietlott/Brand Primary */
  --text-primary: #0A1118;         /* Text/Text-Primary */
  --text-secondary: #6E6E6E;
  --text-tab-inactive: #4E4E4E;
  --text-negative: #930006;        /* Color/Red/700 - Functional/On Negative-Container */
  --text-error: #DE372D;
  --text-ok-icon: #00BA3D;
  --placeholder: #8C8C8C;
  --border-input: #E9E9E9;
  --divider: #D9D9D9;
  --tab-track: #E8E8E8;
  --btn-primary: #0E1136;
  --btn-disabled-bg: rgba(51, 51, 51, .10);
  --btn-disabled-text: rgba(77, 77, 77, .40);
  --btn-face-border: #EDBDC7;
  --pin-bg: #F2F2F2;
  --card-top: #F2F2F2;
  --card-bottom: #F5F5F5;
  --screen-bg: #F2F3F4;            /* nền frame Home-Default */
  --page-bg-light: #F8F8F8;        /* nền frame Xác thực / Tạo mật khẩu */
  --footer-border: #EEE2E5;
  --upload-border: #D7D7D7;
  --upload-bg: #F7F7F7;
  --line: #EAEDF0;
  --text-heading: #101B28;
  --text-consent: #333333;
  --text-bank-sub: #8C8C8C;
  --link: #0051FF;
  --switch-on: #30D158;

  /* Kích thước */
  --app-width: 393px;              /* chiều rộng frame mobile gốc */

  /* Chữ */
  --font-base: "SF Pro Display", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
}