/* ========================================================
   1. DESIGN TOKENS & CSS VARIABLES (PHÒNG TRANH / GALLERY)
   ======================================================== */
:root {
  /* Gallery palette: tường giấy, mực đen, passe-partout trắng */
  --gl-wall: #F5F4F0;
  --gl-ink: #1A1A1A;
  --gl-white: #FFFFFF;
  --gl-mat: #E2E0DA;
  --gl-line: #D6D3CC;
  --gl-text: #3A3935;
  --gl-muted: #55534E;
  --gl-muted-dark: #B9B6AE;

  /* Theme mappings for existing components */
  --red-primary: #1A1A1A;
  --red-dark: #1A1A1A;
  --red-light: #3A3935;
  --red-card: #FFFFFF;
  --red-card-inner: #FFFFFF;
  --gold: #1A1A1A;
  --gold-light: #F5F4F0;
  --gold-dark: #55534E;
  --paper-bg: #F5F4F0;
  --paper-card: #FFFFFF;
  --cream-text: #1A1A1A;
  --cream-sub: #55534E;
  --ink: #1A1A1A;
  --muted: #55534E;
  --border-red: #D6D3CC;
  --border-gold: #D6D3CC;
  --shadow-card: none;

  /* Typography */
  --font-display: "Noto Serif Display", "Noto Serif", Georgia, serif;
  --font-serif: "Noto Serif Display", "Noto Serif", Georgia, serif;
  --font-title: "Be Vietnam Pro", -apple-system, BlinkMacSystemFont, "PingFang SC", "Microsoft YaHei", sans-serif;
  --font-script: "Noto Serif Display", Georgia, serif;
  --font-quote: "Noto Serif Display", Georgia, serif;
  --font-body: "Be Vietnam Pro", -apple-system, BlinkMacSystemFont, "PingFang SC", "Microsoft YaHei", sans-serif;
  --font-sans: "Be Vietnam Pro", -apple-system, BlinkMacSystemFont, "PingFang SC", "Microsoft YaHei", sans-serif;
}

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

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