/* =============================================================
   Đi Đâu Trời — design tokens
   Phong cách: sổ lưu niệm (scrapbook) — kem giấy, đất nung, lá xanh
   ============================================================= */
:root {
  /* --- Bảng màu ------------------------------------------------ */
  --paper:      #F8F1E2; /* nền kem chính */
  --paper-2:    #F1E6D0; /* kem đậm (dải, footer) */
  --card:       #FFFCF5; /* mặt card */
  --ink:        #352D22; /* chữ chính — nâu mực */
  --ink-soft:   #6E6353; /* chữ phụ */
  --line:       #E3D6BC; /* đường kẻ mảnh */
  --clay:       #DF6B3B; /* cam đất nung — accent chính */
  --clay-deep:  #BF4E26; /* cam đậm (hover/CTA) */
  --leaf:       #5E7C4C; /* lá xanh */
  --leaf-soft:  #8AA36F; /* lá non */
  --sun:        #F0B84A; /* nắng */
  --shadow-ink: rgba(53, 45, 34, .16);

  /* --- Chữ ----------------------------------------------------- */
  --font-display: "Fraunces", "Playfair Display", Georgia, "Times New Roman", serif;
  --font-body:    "Be Vietnam Pro", system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;
  --font-hand:    "Caveat", "Be Vietnam Pro", cursive;

  /* --- Thang chữ ----------------------------------------------- */
  --step--1: clamp(.84rem, .81rem + .15vw, .92rem);
  --step-0:  clamp(1rem, .96rem + .25vw, 1.08rem);
  --step-1:  clamp(1.18rem, 1.08rem + .55vw, 1.45rem);
  --step-2:  clamp(1.55rem, 1.28rem + 1.3vw, 2.15rem);
  --step-3:  clamp(2.1rem, 1.55rem + 3vw, 3.4rem);
  --step-4:  clamp(2.9rem, 1.7rem + 6.2vw, 5.6rem);

  /* --- Bố cục -------------------------------------------------- */
  --page-max: 1180px;
  --gutter:   clamp(1.05rem, 4vw, 3rem);
  --radius:   18px;
  --radius-sm: 10px;
  --radius-pill: 999px;

  --shadow-card: 0 12px 34px -22px var(--shadow-ink);
  --shadow-pop:  0 22px 48px -26px var(--shadow-ink);

  --ease-out: cubic-bezier(.2, .7, .2, 1);
}