/*
 * VerifyDocs — Global Typography System
 * Single source of truth for fonts, headings, and body text.
 * All pages must link this file after their Google Fonts import.
 */

:root {
  --vd-font:  'Inter', system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
  --vd-mono:  'JetBrains Mono', ui-monospace, 'Cascadia Code', monospace;
  --vd-deva:  'Noto Sans Devanagari', var(--vd-font);
}

/* ── Base ── */
html { font-size: 16px; }

body {
  font-family: var(--vd-font);
  font-weight: 400;
  line-height: 1.6;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-feature-settings: "cv11", "ss01";
}

/* ── Headings — consistent scale across every page ── */
h1, h2, h3, h4, h5, h6 {
  font-family: var(--vd-font);
  line-height: 1.2;
  letter-spacing: -0.02em;
  font-feature-settings: "cv11", "ss01";
  color: inherit;
}

h1 { font-size: clamp(2rem,   5vw, 3.5rem);  font-weight: 800; letter-spacing: -0.03em; }
h2 { font-size: clamp(1.5rem, 3.5vw, 2.5rem); font-weight: 700; letter-spacing: -0.025em; }
h3 { font-size: clamp(1.2rem, 2.5vw, 1.75rem); font-weight: 700; }
h4 { font-size: 1.25rem;  font-weight: 600; }
h5 { font-size: 1.125rem; font-weight: 600; }
h6 { font-size: 1rem;     font-weight: 600; letter-spacing: 0; }

/* ── Mono ── */
code, kbd, pre, samp, .font-mono, [class*="font-mono"] {
  font-family: var(--vd-mono);
}

/* ── Hindi / Devanagari pages ── */
:lang(hi) body,
.devanagari {
  font-family: var(--vd-deva);
}

/*
 * NOTE: Tailwind utility classes (text-3xl, font-extrabold, etc.) override
 * these base styles — this file just ensures no page loads a different font
 * family and keeps heading defaults sensible on plain elements.
 */