/* IT Tutor Pro — global design tokens (Manrope + brand colors) */

:root {
  --ittp-font-family: "Manrope", system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;

  /* Override Tailwind marketing bundle (main.css sets headings to DM Serif / Georgia). */
  --app-font-sans: var(--ittp-font-family);
  --app-font-serif: var(--ittp-font-family);
  --default-font-family: var(--ittp-font-family);

  --ittp-brand: #119cd3;
  --ittp-brand-dark: #0e8bb8;
  --ittp-topbar-gold: #ffbc00;
  --ittp-gold: #f0b429;
  --ittp-gold-hover: #d9a01f;

  --ittp-navy: #0c2340;
  --ittp-navy-deep: #081a30;
  --ittp-navy-mid: #15325a;

  --ittp-text: #1a2b3c;
  --ittp-muted: #5a6b7d;
  --ittp-border: #e3e8ef;
  --ittp-surface: #f4f7fb;
  --ittp-surface-muted: #eef2f7;

  --ittp-container: min(1200px, calc(100% - 2rem));
  --ittp-section-y: clamp(3.5rem, 6vw, 5.5rem);
  --ittp-radius-sm: 10px;
  --ittp-radius-md: 10px;
  --ittp-radius-lg: 12px;
}

html,
body {
  font-family: var(--ittp-font-family);
  color: var(--ittp-text);
}

/* Tailwind base: h1–h6 { font-family: var(--app-font-serif) } — reset for ITTP chrome. */
.ittp-site :is(h1, h2, h3, h4, h5, h6),
.ittp-home__sections :is(h1, h2, h3, h4, h5, h6) {
  font-family: var(--ittp-font-family);
}

.ittp-site .font-serif,
.ittp-site .prose :is(h1, h2, h3, h4, h5, h6) {
  font-family: var(--ittp-font-family);
}