/* MediBlue — Typography tokens. Montserrat everywhere. */
:root {
  --font-sans: 'Montserrat', 'Segoe UI', -apple-system, sans-serif;

  /* Type scale */
  --text-display: 800 clamp(40px, 5vw, 64px)/1.05 var(--font-sans);
  --text-h1: 800 40px/1.1 var(--font-sans);
  --text-h2: 700 30px/1.15 var(--font-sans);
  --text-h3: 700 22px/1.25 var(--font-sans);
  --text-h4: 600 18px/1.3 var(--font-sans);
  --text-body-lg: 400 18px/1.6 var(--font-sans);
  --text-body-md: 400 15.5px/1.6 var(--font-sans);
  --text-body-sm: 400 13.5px/1.5 var(--font-sans);
  --text-label: 600 13px/1.2 var(--font-sans);
  --text-overline: 700 12px/1.2 var(--font-sans);

  --tracking-tight: -0.02em;
  --tracking-normal: 0;
  --tracking-wide: 0.14em; /* overlines / eyebrows, uppercase */

  --weight-regular: 400;
  --weight-medium: 500;
  --weight-semibold: 600;
  --weight-bold: 700;
  --weight-extrabold: 800;
}

body {
  margin: 0;
  font: var(--text-body-md);
  color: var(--text-body);
  background: var(--surface-page);
  -webkit-font-smoothing: antialiased;
}

h1, h2, h3, h4 { color: var(--text-heading); letter-spacing: var(--tracking-tight); margin: 0; }
a { color: var(--text-link); text-decoration: none; }
a:hover { color: var(--text-link-hover); }