/* Minimal layout shell — use with variables.css + Inter from Google Fonts */
body {
  margin: 0;
  background: var(--bg-page);
  color: var(--text-body);
  font: var(--weight-light) var(--text-base) / var(--lh-relaxed) var(--font);
}

.medhya-wrap {
  max-width: var(--max-width);
  margin: 0 auto;
  padding: var(--space-7) var(--page-padding);
}

.medhya-wordmark {
  font: var(--weight-semibold) var(--text-sm) / 1 var(--font);
  letter-spacing: var(--tracking-widest);
  text-transform: uppercase;
  color: var(--green-mid);
  margin-bottom: var(--space-5);
}

.medhya-hero {
  font: var(--weight-bold) var(--text-3xl) / var(--lh-tight) var(--font);
  letter-spacing: var(--tracking-tight);
  color: var(--green-deep);
  margin: 0 0 var(--space-4);
}

.medhya-h1 {
  font: var(--weight-bold) var(--text-2xl) / var(--lh-tight) var(--font);
  letter-spacing: var(--tracking-tight);
  color: var(--green-deep);
  margin: var(--space-7) 0 var(--space-4);
}

.medhya-body {
  font: var(--weight-light) var(--text-base) / var(--lh-relaxed) var(--font);
  color: var(--text-body);
  margin: 0 0 var(--space-4);
}

.medhya-card {
  background: var(--bg-surface);
  border: 1px solid var(--border-soft);
  border-radius: var(--radius-lg);
  padding: var(--space-5);
  margin: var(--space-5) 0;
}

.medhya-cta {
  display: inline-block;
  margin-top: var(--space-5);
  padding: var(--space-3) var(--space-5);
  border-radius: var(--radius-pill);
  background: var(--amber-mid);
  font: var(--weight-semibold) var(--text-base) / 1 var(--font);
  letter-spacing: var(--tracking-wide);
  color: var(--white);
  text-decoration: none;
}

.medhya-cta:hover {
  filter: brightness(1.05);
}

.medhya-muted {
  font: var(--weight-regular) var(--text-xs) / var(--lh-normal) var(--font);
  color: var(--text-muted);
  margin-top: var(--space-6);
}