/* =============================================================
   Đi Đâu Trời — design tokens (theo :root của design/mockup-refined.html)
   Phong cách: sổ lưu niệm dưới nắng — kem giấy, nâu mực, đất nung, lá xanh
   ============================================================= */
:root {
  /* --- Bảng màu ------------------------------------------------ */
  --bg-cream:        #F6F1E7; /* nền kem */
  --bg-cream-deep:   #EFE8DA;
  --ink-dark:        #221C18; /* nâu mực — chữ chính */
  --ink-brown:       #3A312B;
  --ink-muted:       #6E645C; /* chữ phụ (≈ 5.3:1 trên nền kem) */
  --terracotta:      #BF5A38; /* đất nung — accent (chữ trắng ≈ 4.6:1) */
  --terracotta-dark: #A94B2B;
  --sun:             #E8843C;
  --line:            #E2D9CB;

  /* --- Chữ ----------------------------------------------------- */
  --font-editorial: "Fraunces", "Playfair Display", Georgia, serif;
  --font-card:      "Playfair Display", "Fraunces", Georgia, serif;
  --font-hand:      "Caveat", "Segoe Print", cursive;
  --font-body:      "Be Vietnam Pro", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;

  /* --- Bố cục -------------------------------------------------- */
  --container: 1320px;
  --pad: 16px;

  --ease-out: cubic-bezier(.22, 1, .36, 1);
}

@media (min-width: 640px)  { :root { --pad: 32px; } }
@media (min-width: 1024px) { :root { --pad: 36px; } }
/* 21:9 / màn rất rộng (giống mockup) */
@media (min-width: 1680px), (min-aspect-ratio: 20/9) and (min-width: 1200px) {
  :root { --container: 1460px; --pad: 56px; }
}