/* ============================================================
   DASAA 디자인 토큰 — 팔레트 A "Soft Coral"
   색을 바꾸려면 이 파일만 고치면 사이트 전체에 반영됩니다.
   ============================================================ */

:root {
  /* --- 팔레트 ------------------------------------------------ */
  --primary: #D9755A;        /* CTA·링크·포인트. 본문 텍스트에는 쓰지 않습니다. */
  --primary-deep: #C25F45;   /* hover */
  --primary-soft: #E9A48F;   /* 다크 배경 위의 코랄 */
  --secondary: #4A5568;      /* 서브 헤딩·다이어그램 */
  --tint: #F6E7E1;           /* 배지·콜아웃 배경 */
  --bg: #F8F7F4;             /* 페이지 기본 배경 (웜 라이트) */
  --paper: #FFFFFF;          /* 카드 배경 */
  --ink: #131313;            /* 헤딩·본문 + 다크 섹션 배경 */
  --mid: #A8A29E;            /* 캡션 */
  --border: #E5E1DC;         /* 카드 보더 */

  /* 다크 섹션 위에서 쓰는 값 */
  --on-dark: #FAF9F7;
  --on-dark-mid: #9C9791;
  --on-dark-border: #2A2A2A;

  /* --- 타이포 ------------------------------------------------ */
  --font-kr: 'Pretendard Variable', Pretendard, -apple-system, BlinkMacSystemFont,
             'Apple SD Gothic Neo', 'Malgun Gothic', system-ui, sans-serif;
  --font-en: 'Inter', var(--font-kr);

  --fs-hero: clamp(2.5rem, 6.4vw, 4.75rem);
  --fs-h1: clamp(2.1rem, 4.6vw, 3.4rem);
  --fs-h2: clamp(1.7rem, 3.2vw, 2.6rem);
  --fs-h3: clamp(1.15rem, 1.6vw, 1.4rem);
  --fs-lead: clamp(1rem, 1.35vw, 1.175rem);
  --fs-body: 1rem;
  --fs-sm: 0.875rem;
  --fs-xs: 0.75rem;

  --lh-tight: 1.16;
  --lh-body: 1.75;

  /* --- 공간 -------------------------------------------------- */
  --wrap: 1200px;
  --wrap-narrow: 720px;
  --gutter: clamp(1.25rem, 4vw, 2.5rem);
  --section-y: clamp(4.5rem, 9vw, 8.5rem);

  --radius-sm: 8px;
  --radius: 14px;
  --radius-lg: 22px;

  --shadow-sm: 0 1px 2px rgba(19, 19, 19, .05);
  --shadow: 0 12px 32px -18px rgba(19, 19, 19, .28);
  --shadow-lg: 0 28px 64px -32px rgba(19, 19, 19, .38);

  --header-h: 72px;
  --ease: cubic-bezier(.2, .7, .3, 1);
}

@media (max-width: 640px) {
  :root { --header-h: 60px; }
}