:root {
  --font-family: "Be Vietnam Pro", sans-serif;
  --font-family-display: "Playfair Display", serif;

  --fs-display: clamp(2.5rem, 2vw, 4.5rem);
  --fs-body: 1.25rem;
  --fs-meta: 0.8125rem;

  --color-bg: #f7f3eb;
  --color-surface: #efe6d7;
  --color-text: #1d1b18;
  --color-muted: #6f675b;
  --color-line: rgba(29, 27, 24, 0.16);
  --color-accent: #a1421a;
  --color-accent-soft: rgba(161, 66, 26, 0.1);

  --space-1: 0.5rem;
  --space-2: 0.75rem;
  --space-3: 1rem;
  --space-4: 1.5rem;
  --space-5: 2rem;
  --space-6: 3rem;
  --space-7: 5rem;
  --space-8: 8rem;

  --container-width: 1200px;
  --border-subtle: 1px solid var(--color-line);
  --radius-soft: 1.5rem;
  --shadow-soft: 0 20px 60px rgba(29, 27, 24, 0.08);
}