/* ─── Medical-Clinic / Scrollytelling Design Tokens ───────────────────────── */
/* Loaded by ScrollyContainer on mount via <link data-scrolly>               */

:root {
  --mc-warm: #eadab9;
  --mc-warm-dark: #b8a189;
  --mc-whatsapp: #25D366;
  --font-heading: 'Noto Serif TC', serif;
  --font-body: 'Nunito Sans', sans-serif;
  --border: #e5e7eb;
  --card: #fff;
  --accent: #f5f5f5;
}

/* Reset body overflow so vertical scroll drives horizontal translation */
.scrolly-active body {
  overflow-x: hidden;
}

/* Container: tall block that pins the viewport while scrolling through */
.scrolly-outer {
  position: relative;
}

/* Horizontal track — translateX is applied by the scroll script */
.scrolly-track {
  display: flex;
  height: 100%;
  width: max-content;
  will-change: transform;
}

/* Each section panel — one full viewport width */
.scrolly-panel {
  flex-shrink: 0;
  width: 100vw;
  height: 100%;
  position: relative;
  overflow: hidden;
}