/* ============================================================
   TV Repair Gurgaon — Fonts
   tv-fonts.css
   ============================================================ */

/* Import from Google Fonts */
@import url('https://fonts.googleapis.com/css2?family=Syne:wght@400;500;600;700;800&family=DM+Sans:ital,opsz,wght@0,9..40,300;0,9..40,400;0,9..40,500;0,9..40,600;0,9..40,700;1,9..40,400&display=swap');

/* ── Font Scale ── */
:root {
  --tv-font-display: 'Syne', sans-serif;
  --tv-font-body: 'DM Sans', sans-serif;

  /* Fluid type scale */
  --tv-text-xs:   0.75rem;     /* 12px */
  --tv-text-sm:   0.875rem;    /* 14px */
  --tv-text-base: 1rem;        /* 16px */
  --tv-text-lg:   1.125rem;    /* 18px */
  --tv-text-xl:   1.25rem;     /* 20px */
  --tv-text-2xl:  1.5rem;      /* 24px */
  --tv-text-3xl:  1.875rem;    /* 30px */
  --tv-text-4xl:  2.25rem;     /* 36px */
  --tv-text-5xl:  3rem;        /* 48px */
  --tv-text-6xl:  3.75rem;     /* 60px */
}

/* ── Base typography ── */
body {
  font-family: var(--tv-font-body);
  font-size: var(--tv-text-base);
  font-weight: 400;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

h1, h2, h3, h4, h5, h6,
.tv-display,
.tv-stat-number,
.tv-brand-text,
.tv-footer-heading,
.tv-timeline-year,
.tv-navbar-brand .tv-brand-text {
  font-family: var(--tv-font-display);
}

/* ── Specific type styles ── */
.tv-display-xl {
  font-family: var(--tv-font-display);
  font-size: clamp(2.5rem, 6vw, 4.5rem);
  font-weight: 800;
  letter-spacing: -0.02em;
  line-height: 1.1;
}
.tv-display-lg {
  font-family: var(--tv-font-display);
  font-size: clamp(2rem, 4vw, 3rem);
  font-weight: 700;
  letter-spacing: -0.015em;
  line-height: 1.2;
}
.tv-caption {
  font-size: var(--tv-text-sm);
  color: var(--tv-text-light);
  line-height: 1.5;
}
.tv-overline {
  font-size: var(--tv-text-xs);
  font-weight: 600;
  letter-spacing: 0.1em;
  text-transform: uppercase;
  color: var(--tv-accent-dark);
}
.tv-body-lg {
  font-size: var(--tv-text-lg);
  line-height: 1.75;
}
.tv-body-sm {
  font-size: var(--tv-text-sm);
  line-height: 1.65;
}
code, pre {
  font-family: 'Courier New', Courier, monospace;
  background: var(--tv-secondary);
  border-radius: 4px;
  padding: 2px 6px;
  font-size: 0.88em;
}