/* ============================================================
   Design tokens — trích từ Figma (大自然阿蘇 健康の森)
   ============================================================ */
:root {
  /* ---- Màu ---- */
  --color-bg: #f5f9ff;            /* nền sáng chủ đạo */
  --color-navy: #000050;          /* tiêu đề, nút, viền */
  --color-navy-deep: #080052;     /* nền section tối */
  --color-navy-deep-2: #090054;
  --color-navy-grad-start: #102a7e;
  --color-navy-grad-end: #080054;
  --color-green: #70a20d;         /* chữ「阿蘇」, accent */
  --color-orange: #eb9f34;        /* nút CTA đặt phòng */
  --color-text: #323232;          /* chữ thường */
  --color-text-muted: #dadada;    /* chữ trên nền tối */
  --color-white: #ffffff;
  --color-line-timeline: #dedeff;
  --color-line-divider: #d1d1dd;

  /* ---- Font ---- */
  --font-serif: "Noto Serif JP", serif;
  --font-sans: "Noto Sans JP", sans-serif;
  --font-latin: "Roboto", sans-serif;

  /* ---- Layout ---- */
  --container-max: 1240px;
  --container-pad: 20px;
  --header-h: 50px;          /* SP */

  /* ---- Khác ---- */
  --radius-pill: 9999px;
  --radius-md: 16px;
  --shadow-cta: 0 4px 24px 0 rgba(176, 103, 0, 0.6);
  --z-header: 100;
  --z-drawer: 200;
}

@media (min-width: 1024px) {
  :root {
    --header-h: 60px;        /* PC */
    --container-pad: 30px;
  }
}