/* ============================================================
   Đổ Xăm Hường — design tokens
   Bảng màu: sơn mài Huế + vàng cung đình
   ============================================================ */
:root {
  /* nền */
  --ink-900: #14060B;
  --ink-800: #1E0A12;
  --ink-700: #2A0F19;
  --ink-600: #3A1520;
  --lacquer: #4A0F1B;

  /* chiếu (bàn) */
  --felt-900: #08211C;
  --felt-800: #0D2E27;
  --felt-700: #124036;

  /* vàng */
  --gold-100: #FFF6DC;
  --gold-200: #FFE9A8;
  --gold-300: #F2C96A;
  --gold-400: #D8A93F;
  --gold-500: #A97A22;
  --gold-600: #6E4D12;

  /* giấy */
  --paper: #F7EDD8;
  --paper-2: #EADCC0;

  /* chữ */
  --ink: #FFF6E6;
  --ink-2: rgba(255, 246, 230, .78);
  --muted: rgba(255, 246, 230, .52);

  /* cửa */
  --c1: #F2C14E;   /* Trạng Nguyên */
  --c2: #E4572E;   /* Bảng Nhãn */
  --c3: #35A184;   /* Thám Hoa */
  --c4: #9B6BE0;   /* Hội Nguyên */
  --c5: #4C8FE6;   /* Giải Nguyên */
  --c6: #C98B4B;   /* Tú Tài */

  /* trạng thái */
  --win: #56D68A;
  --lose: #E2564C;

  /* chữ, khoảng cách, bo góc */
  --font: system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
  --font-display: "Iowan Old Style", "Palatino Linotype", Palatino, Georgia, "Times New Roman", serif;

  --s1: 4px;  --s2: 8px;  --s3: 12px; --s4: 16px;
  --s5: 20px; --s6: 24px; --s7: 32px; --s8: 44px;

  --r-sm: 8px; --r-md: 14px; --r-lg: 20px; --r-xl: 28px; --r-pill: 999px;

  --safe-top: env(safe-area-inset-top, 0px);
  --safe-bottom: env(safe-area-inset-bottom, 0px);

  --t-fast: 140ms cubic-bezier(.4, 0, .2, 1);
  --t-mid: 240ms cubic-bezier(.4, 0, .2, 1);
  --t-slow: 420ms cubic-bezier(.2, .8, .2, 1);
}