/* ========================================================
   1. DESIGN TOKENS — ĐÀO NHẠT (#fbf7f0) nền · XANH SLATE (#3e2e20) chữ
   ======================================================== */
:root {
  /* Minimal — nền xám giấy · chữ mực · một màu nhấn đỏ gạch */
  --page-bg: #fbf7f0;
  --card-bg: #fbf7f0;
  --card-border: #d9c9ae;
  --card-shadow: none;

  --ink: #3e2e20;
  --ink-soft: #5b4632;
  --hairline: #d9c9ae;
  --paper: #fbf7f0;
  --paper-deep: #e2d6c2;
  --accent: #5b4632;

  --blue-navy: var(--ink);
  --blue-deep: var(--ink);
  --blue-medium: var(--ink-soft);
  --blue-slate: var(--ink);
  --blue-accent: var(--accent);
  --blue-pill: var(--ink);
  --blue-pill-hover: var(--accent);
  --blue-border-pill: var(--hairline);
  --blue-soft: var(--paper-deep);
  --blue-tint: var(--paper);
  --blue-card-border: var(--hairline);

  --rose-primary: var(--ink);
  --rose-dark: var(--ink);
  --rose-light: var(--accent);
  --rose-accent: var(--accent);
  --rose-soft: var(--paper-deep);
  --rose-pill: var(--ink);
  --rose-pill-hover: var(--accent);
  --rose-border-pill: var(--hairline);

  --text-heading: var(--ink);
  --text-title: var(--ink);
  --text-body: var(--ink);
  --text-muted: var(--ink-soft);
  --text-light: var(--ink);

  --white-card: #ffffff;
  --line-divider: var(--hairline);

  --font-title: "Playfair Display", Georgia, serif;
  --font-serif: "Playfair Display", Georgia, serif;
  --font-script: "Playfair Display", Georgia, serif;
  --font-sans: "Be Vietnam Pro", -apple-system, BlinkMacSystemFont, sans-serif;
  --font-body: var(--font-sans);

  --canson-texture: none;
  --loang-texture: none;
  --rings-texture: none;
}

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

@keyframes floatSlight {
  0%, 100% { transform: translateY(0); }
  50% { transform: translateY(-5px); }
}

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