/* tokens.css - hệ thống thiết kế Cửu Ấn Ký (hợp nhất từ design comp). */
:root {
  /* Nền charcoal ấm */
  --bg-void: #0C0A0B;
  --bg-surface: #14100F;
  --bg-raised: #1F1917;
  --bg-page: #221C18;

  /* Chữ */
  --ink-bone: #ECE4D6;
  --ink-ash: #A39A8C;
  --ink-faint: #938A7C;   /* đã nâng đạt WCAG AA cho caption/label */

  /* Nhấn */
  --blood: #8E2A2A;
  --blood-bright: #C0392B;
  --gold: #C2A14D;
  --gold-soft: #D9C089;
  --violet: #2A1F3D;
  --ember: #E07B3C;

  /* Đường nét */
  --line: #2A211C;
  --line-gold: rgba(194, 161, 77, 0.15);

  /* Ngũ hành (màu ấn) */
  --el-moc: #6E7A52;
  --el-hoa: #E07B3C;
  --el-tho: #C2A14D;
  --el-kim: #BFB6A4;
  --el-thuy: #3A6E72;

  /* Typography */
  --font-display: 'Cormorant Garamond', 'Times New Roman', serif;
  --font-body: 'Lora', Georgia, serif;
  --font-ui: 'Be Vietnam Pro', system-ui, -apple-system, sans-serif;

  /* Layout */
  --radius-sm: 6px;
  --radius-md: 10px;
  --radius-lg: 14px;
  --maxw: 1180px;

  /* Reader (mặc định = Đêm) - điều khiển qua [data-theme] trên .reader-surface */
  --r-bg: #14100F;
  --r-surf: #1F1917;
  --r-ink: #ECE4D6;
  --r-ash: #B7AE9F;   /* nâng >= 7:1 cho AAA trong reader */
}

/* Theme reader */
[data-theme='dem']  { --r-bg:#14100F; --r-surf:#1F1917; --r-ink:#ECE4D6; --r-ash:#B7AE9F; }
[data-theme='tram'] { --r-bg:#1A130D; --r-surf:#241910; --r-ink:#E8D6B8; --r-ash:#BBA589; }
[data-theme='giay'] { --r-bg:#E7DEC9; --r-surf:#DCD1B8; --r-ink:#2B241C; --r-ash:#3E3729; }