/*
 * ╔══════════════════════════════════════════════╗
 * ║          css/tokens.css                      ║
 * ║  KHÔNG sửa file này trực tiếp.              ║
 * ║  Thay đổi màu/font trong config/site.js      ║
 * ╚══════════════════════════════════════════════╝
 *
 * File này được ghi đè bởi js/apply-config.js
 * mỗi khi trang load — mọi giá trị đến từ config.
 */

:root {
  /* Màu — được inject bởi apply-config.js */
  --cream:    #FAF7F2;
  --cream-2:  #F2EDE4;
  --ink:      #1A1612;
  --ink-2:    #4A4038;
  --accent:   #C4532A;
  --accent-bg:#E8D5C8;
  --sky:      #D6EAF0;
  --sky-2:    #4A8FA8;
  --sand:     #E8DDD0;
  --border:   rgba(26,22,18,.10);
  --border-2: rgba(26,22,18,.20);

  /* Font — được inject bởi apply-config.js */
  --font-display: 'Georgia', 'Times New Roman', serif;
  --font-body:    system-ui, -apple-system, sans-serif;
  --font-mono:    'Courier New', monospace;

  /* Layout (không thay đổi) */
  --radius-sm: 6px;
  --radius-md: 14px;
  --radius-lg: 24px;
  --max-w:     1160px;
  --pad-x:     clamp(1.25rem, 5vw, 4rem);
}