/* base.css — reset + foundational typography
   Fonts: Manrope (display/headings) + Inter (body) + Noto Sans Devanagari
   (Hindi — loaded regardless of active language so switching is instant,
   never a flash of the wrong font). */

@import url('https://fonts.googleapis.com/css2?family=Manrope:wght@600;700;800&family=Inter:wght@400;500;600;700&family=Noto+Sans+Devanagari:wght@400;500;600;700&display=swap');

*, *::before, *::after { box-sizing: border-box; }

html, body {
  margin: 0;
  padding: 0;
  font-family: var(--rh-font-body);
  font-size: var(--rh-fs-base);
  color: var(--rh-text-primary);
  background: var(--rh-surface-1);
  line-height: 1.55;
  -webkit-font-smoothing: antialiased;
}

/* Hindi text needs slightly more line-height for Devanagari conjuncts */
html[lang="hi"] body {
  line-height: 1.75;
}

h1, h2, h3, h4 {
  margin: 0 0 var(--rh-space-3);
  font-family: var(--rh-font-display);
  font-weight: 800;
  letter-spacing: -0.01em;
  color: var(--rh-text-primary);
}
html[lang="hi"] h1, html[lang="hi"] h2, html[lang="hi"] h3, html[lang="hi"] h4 {
  font-family: var(--rh-font-body); /* Manrope has no Devanagari glyphs; fall back cleanly */
  letter-spacing: 0;
}
h1 { font-size: var(--rh-fs-3xl); line-height: 1.15; }
h2 { font-size: var(--rh-fs-xl); }
h3 { font-size: var(--rh-fs-lg); }
p { margin: 0 0 var(--rh-space-3); color: var(--rh-text-secondary); }

a { color: var(--rh-navy-800); text-decoration: none; transition: color var(--rh-transition); }
a:hover { text-decoration: underline; }

button {
  font-family: inherit;
  cursor: pointer;
}

img { max-width: 100%; display: block; }

.rh-container {
  max-width: 1120px;
  margin: 0 auto;
  padding: 0 var(--rh-space-4);
}

.rh-module-disabled {
  color: var(--rh-text-muted);
  font-style: italic;
  padding: var(--rh-space-5);
  text-align: center;
}