/* =============================================================
   TYPOGRAPHY.CSS — Type scale & text styles
   ============================================================= */

h1,h2,h3,h4,h5,h6 { font-family: var(--font-display); color: var(--c-text-strong); line-height: var(--lh-snug); font-weight: var(--fw-bold); letter-spacing: var(--ls-tight); }

h1 { font-size: var(--fs-4xl); line-height: var(--lh-tight); }
h2 { font-size: var(--fs-3xl); }
h3 { font-size: var(--fs-2xl); }
h4 { font-size: var(--fs-xl); }
h5 { font-size: var(--fs-lg); }
h6 { font-size: var(--fs-md); }

p { line-height: var(--lh-loose); color: var(--c-text-soft); }

.display { font-family: var(--font-display); font-weight: var(--fw-black); font-size: var(--fs-5xl); line-height: .98; letter-spacing: -0.03em; color: var(--c-text-strong); }
.lead { font-size: var(--fs-lg); color: var(--c-text-soft); line-height: var(--lh-loose); }
.eyebrow { font-size: var(--fs-xs); font-weight: var(--fw-bold); letter-spacing: var(--ls-wider); text-transform: uppercase; color: var(--c-primary); }

.t-2xs{font-size:var(--fs-2xs)} .t-xs{font-size:var(--fs-xs)} .t-sm{font-size:var(--fs-sm)}
.t-base{font-size:var(--fs-base)} .t-md{font-size:var(--fs-md)} .t-lg{font-size:var(--fs-lg)}
.t-xl{font-size:var(--fs-xl)} .t-2xl{font-size:var(--fs-2xl)}

.fw-regular{font-weight:var(--fw-regular)} .fw-medium{font-weight:var(--fw-medium)}
.fw-semibold{font-weight:var(--fw-semibold)} .fw-bold{font-weight:var(--fw-bold)}
.fw-black{font-weight:var(--fw-black)}

.font-display{font-family:var(--font-display)}

.gradient-text { background: var(--g-vibe); -webkit-background-clip: text; background-clip: text; color: transparent; }
.gradient-text-primary { background: var(--g-primary); -webkit-background-clip: text; background-clip: text; color: transparent; }

@media (max-width: 768px) {
  h1 { font-size: var(--fs-3xl); }
  h2 { font-size: var(--fs-2xl); }
  h3 { font-size: var(--fs-xl); }
  .display { font-size: var(--fs-4xl); }
  .section-head h2 { font-size: var(--fs-xl); }
}