/* ==========================================================================
   Design Tokens — SIENA CLINIC
   ========================================================================== */
:root {
  /* Colors */
  --color-beige: #f5f0e8;        /* 배경 베이지 */
  --color-beige-soft: #efe8db;   /* 카드/섹션 대비용 베이지 */
  --color-brown-dark: #3a2e26;   /* 다크브라운 (텍스트/다크섹션) */
  --color-brown-darker: #2a201a; /* 푸터 등 더 어두운 다크섹션 */
  --color-brown-mid: #6b5a4c;    /* 보조 텍스트 */
  --color-white: #ffffff;
  --color-gold: #b89b6a;         /* 포인트 골드 라인 */
  --color-gold-soft: #d9c8a5;    /* 골드 연한 버전 (hover 등) */
  --color-line: #e4dccb;         /* 구분선 */

  /* Typography */
  --font-serif: 'Noto Serif KR', serif;
  --font-sans: 'Pretendard', -apple-system, BlinkMacSystemFont, 'Malgun Gothic', sans-serif;

  /* Layout */
  --header-height: 11.6rem; /* topbar 3.6rem + main 8rem — 고정 헤더에 가려지는 앵커 스크롤 보정용 */

  /* Spacing */
  --section-padding-y: 12rem;
  --section-padding-y-mobile: 7rem;
  --container-width: 120rem;
  --container-padding-x: 2.4rem;

  /* Motion */
  --transition-fast: 0.25s ease;
  --transition-base: 0.4s ease;

  /* Z-index */
  --z-header: 500;
  --z-quickmenu: 400;
  --z-overlay: 600;
}