/* =========================================================
   FINX typography — style guide v0.1
   Pretendard + Noto Sans KR. Loaded after themes (cascade).
   ========================================================= */

:root {
  --font-sans: Pretendard, "Noto Sans KR", sans-serif;

  --fs-display: clamp(2.5rem, 5vw, 4rem);
  --fs-h1: clamp(2rem, 4vw, 2.75rem);
  --fs-h2: clamp(1.75rem, 3.2vw, 2.25rem);
  --fs-h3: clamp(1.5rem, 2.4vw, 1.75rem);
  --fs-body-l: clamp(1.0625rem, 1.2vw, 1.125rem);
  --fs-body: 1rem;
  --fs-caption: 0.8125rem;

  --lh-display: 1.12;
  --lh-h1: 1.2;
  --lh-h2: 1.25;
  --lh-h3: 1.32;
  --lh-body: 1.65;

  --tracking-display: -0.03em;
  --tracking-heading: -0.03em;
  --tracking-body: -0.01em;
  --tracking-label: 0.08em;

  --font-stretch: normal;
}

html,
body {
  font-family: var(--font-sans);
  font-stretch: var(--font-stretch);
  letter-spacing: var(--tracking-body);
  -webkit-font-smoothing: antialiased;
  text-rendering: optimizeLegibility;
}

.finx-home,
[data-theme] main {
  font-family: var(--font-sans);
}

/* Hero display */
main .hero h1,
main .hero-copy h1,
main .fh-hero-title,
.finx-home .fh-hero-title {
  font-family: var(--font-sans);
  font-size: var(--fs-display);
  line-height: var(--lh-display);
  letter-spacing: var(--tracking-display);
  font-weight: 800;
  font-stretch: normal;
}

/* Section h2 */
main .section-head h2,
main .section-heading h2,
main .section-title,
main h2.section-title,
main .fh-section-title,
main .fh-closing__title,
.finx-home .fh-section-title,
.finx-home .fh-closing__title,
main .whybox h2,
main .ai-copy h2,
main .story-copy h2,
main .final-cta h2,
main .cta h2 {
  font-family: var(--font-sans);
  font-size: var(--fs-h2);
  line-height: var(--lh-h2);
  letter-spacing: var(--tracking-heading);
  font-weight: 700;
  font-stretch: normal;
}

main h1 {
  font-family: var(--font-sans);
  letter-spacing: var(--tracking-heading);
  font-stretch: normal;
}

main .eyebrow,
main .kicker,
main .fh-eyebrow,
main .fh-section-label,
main .hero-badge {
  font-family: var(--font-sans);
  letter-spacing: var(--tracking-label);
  font-stretch: normal;
}

main .lead,
main .hero-lead,
main .fh-hero-lead,
main .section-copy,
main .fh-section-desc {
  font-family: var(--font-sans);
  font-size: var(--fs-body-l);
  line-height: var(--lh-body);
  letter-spacing: var(--tracking-body);
}

.hero h1 span,
.process-card > span {
  font-family: var(--font-sans);
}