/* ==========================================================================
   1. DESIGN TOKENS & CSS VARIABLES (TRỐNG ĐỒNG & SEN)
   ========================================================================== */
:root {
  /* Bảng màu truyền thống: đỏ son, vàng đồng, giấy dó */
  --vn-red: #9B1C1C;
  --vn-red-deep: #7E1515;
  --vn-red-ink: #6E1212;
  --vn-lotus: #B3261E;
  --vn-gold: #D9A441;
  --vn-gold-light: #EBC77A;
  --vn-gold-text: #8A5A1E;
  --vn-paper: #F4E7CF;
  --vn-paper-light: #FBF3E2;
  --vn-paper-mat: #E6D3B3;
  --vn-ink: #3A2014;
  --vn-ink-muted: #6B4A2E;
  --vn-line: #E2C690;
  --vn-line-dashed: #D9B98A;
  --vn-input-border: #C9A05A;
  --vn-outside: #2A0A0A;

  /* Theme mappings for existing components */
  --red-primary: #9B1C1C;
  --red-dark: #7E1515;
  --red-light: #B3261E;
  --red-card: #9B1C1C;
  --red-card-inner: #7E1515;
  --gold: #D9A441;
  --gold-light: #EBC77A;
  --gold-dark: #8A5A1E;
  --paper-bg: #F4E7CF;
  --paper-card: #FBF3E2;
  --cream-text: #FBF3E2;
  --cream-sub: rgba(251, 243, 226, 0.85);
  --ink: #3A2014;
  --muted: #6B4A2E;
  --border-red: rgba(155, 28, 28, 0.25);
  --border-gold: #D9A441;
  --shadow-card: none;

  /* Typography */
  --font-display: "Playfair Display", Georgia, "PingFang SC", "Microsoft YaHei", serif;
  --font-serif: "Playfair Display", Georgia, serif;
  --font-title: "Playfair Display", Georgia, serif;
  --font-script: "Playfair Display", Georgia, serif;
  --font-quote: "Lora", Georgia, serif;
  --font-han: "Ma Shan Zheng", "STKaiti", "KaiTi", serif;
  --font-body: "Lora", Georgia, "PingFang SC", "Microsoft YaHei", serif;
  --font-sans: "Lora", Georgia, "PingFang SC", "Microsoft YaHei", serif;
}

@keyframes fadeIn {
  from { opacity: 0; transform: translateY(10px); }
  to { opacity: 1; transform: none; }
}

@keyframes spin-vinyl {
  100% { transform: rotate(360deg); }
}