/* =========================================================
   Design Tokens — towncar/partner 레이아웃·타이포 스케일 재현
   (수치는 원본 Webflow 빌드의 px/색 스케일을 매칭, 코드는 자체 작성)
   ========================================================= */
:root {
  /* ---- Brand / Color ---- */
  --brand-50:  #d3f2ec;
  --brand-100: #aae5dc;
  --brand-300: #6cddcd;
  --brand-400: #12d8c0;
  --brand-500: #00a5a5;
  --brand-600: #008f8f;
  --brand-900: #002924;

  --ink-900: #191f28;
  --ink-700: #354044;
  --ink-600: #4e5968;
  --ink-500: #6b7684;
  --ink-300: #b0b8c1;
  --line:    #e5e8eb;

  --bg:        #ffffff;
  --bg-soft:   #f8f8f8;
  --bg-muted:  #f2f4f6;
  --white:     #ffffff;

  --grad-brand: linear-gradient(135deg, #12d8c0 0%, #00a5a5 100%);
  --grad-dark:  linear-gradient(160deg, #002924 0%, #013f38 100%);

  /* ---- Typography scale (원본 매칭) ---- */
  --font-sans: "Pretendard Variable", Pretendard, -apple-system, BlinkMacSystemFont,
               system-ui, "Apple SD Gothic Neo", "Malgun Gothic", sans-serif;

  --fs-hero:    74px; /* .h1 */
  --fs-h2:      42px; /* .brix---heading-h2-size-6 */
  --fs-h3:      28px; /* .brix---heading-h3-size-4 */
  --fs-headline:32px; /* .section-headline-text */
  --fs-card:    56px; /* .card-h4 */
  --fs-cta:     48px; /* .final-cta-h1 */
  --fs-lead:    20px;
  --fs-body:    17px;
  --fs-sm:      15px;
  --fs-xs:      13px;

  --lh-tight: 1.2;
  --lh-snug:  1.3;
  --lh-base:  1.5;
  --lh-loose: 1.7;

  /* ---- Spacing / layout ---- */
  --container: 1180px;
  --container-narrow: 980px;
  --gutter: 24px;
  --section-pad: 120px;
  --radius-sm: 12px;
  --radius:    20px;
  --radius-lg: 28px;
  --radius-xl: 40px;

  --shadow-sm: 0 4px 16px rgba(17, 24, 39, .06);
  --shadow:    0 12px 40px rgba(17, 24, 39, .10);
  --shadow-lg: 0 24px 60px rgba(17, 24, 39, .16);

  /* ---- Motion (Webflow IX2 느낌) ---- */
  --ease-out: cubic-bezier(.16, 1, .3, 1);
  --ease-soft: cubic-bezier(.25, .8, .25, 1);
  --reveal-dur: .8s;
  --reveal-shift: 40px;
}

@media (max-width: 991px) {
  :root {
    --fs-hero: 52px;
    --fs-h2:   36px;
    --fs-card: 44px;
    --fs-cta:  40px;
    --section-pad: 88px;
  }
}
@media (max-width: 640px) {
  :root {
    --fs-hero: 36px;
    --fs-h2:   28px;
    --fs-h3:   22px;
    --fs-headline: 24px;
    --fs-card: 34px;
    --fs-cta:  30px;
    --fs-lead: 17px;
    --section-pad: 64px;
    --gutter: 18px;
  }
}