@import url("https://fonts.googleapis.com/css2?family=Be+Vietnam+Pro:wght@400;500;600;700;800&family=Noto+Serif:ital,wght@0,400;0,600;0,700;1,400&family=IBM+Plex+Mono:wght@400;500&display=swap");

:root {
  /* Màu chủ đạo */
  --dt-maroon: #7a1620;
  --dt-maroon-dark: #5c0f17;
  --dt-maroon-deep: #4a0c12;
  --dt-ink: #2a2018;
  /* Vàng đồng */
  --dt-gold: #c79a36;
  --dt-gold-soft: #b5893f;
  --dt-gold-deep: #8a5a16;
  --dt-gold-pale: #e7c98f;
  --dt-gold-bright: #dcae52;
  /* Nền & giấy */
  --dt-cream: #ece2d2;
  --dt-paper: #fffdf8;
  --dt-paper-warm: #f6efe2;
  --dt-line: #e6dac3;
  --dt-line-soft: #efe6d4;
  /* Chữ */
  --dt-text: #3a2c20;
  --dt-text-strong: #2a2018;
  --dt-text-mute: #7a6a58;
  --dt-text-faint: #988160;
  /* Số liệu */
  --dt-green: #1f6b3a;
  --dt-red: #9a3520;
  /* Font */
  --dt-font-body: "Be Vietnam Pro", system-ui, sans-serif;
  --dt-font-serif: "Noto Serif", serif;
  --dt-font-mono: "IBM Plex Mono", monospace;
  /* Khung */
  --dt-wrap: 1180px;
  --dt-radius: 3px;
  --dt-radius-lg: 6px;
  --dt-shadow: 0 6px 22px rgba(74, 12, 18, 0.18);
  --dt-shadow-soft: 0 6px 18px rgba(74, 12, 18, 0.12);
}