/* Reserve & Rest — shared typography scale.
   One font (Inter) everywhere except the brand wordmark (Poppins).
   Levels:  display (home hero)  >  h1 page title  >  h2 section  >  h3 panel  >  h4 card
   Weights: headings 800 · buttons/labels/eyebrows 700 · nav 600 · body 400 */
:root {
  --font-body: Inter, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  --font-brand: 'Poppins', Inter, system-ui, sans-serif;

  --fs-display: clamp(30px, 4.4vw, 44px);   /* home hero headline */
  --fs-h1: clamp(26px, 3.5vw, 36px);        /* page titles */
  --fs-h2: clamp(22px, 2.6vw, 28px);        /* section titles */
  --fs-h3: 18px;                            /* panel / form-section titles */
  --fs-h4: 16px;                            /* card titles */
  --fs-lead: 16px;                          /* hero / intro paragraphs */
  --fs-subtitle: 15px;                      /* section subtitles */
  --fs-body: 14px;
  --fs-small: 13px;
  --fs-xs: 12px;                            /* eyebrows, badges, footer meta */

  --fw-heading: 800;
  --fw-bold: 700;
  --fw-semibold: 600;
  --fw-regular: 400;

  --lh-tight: 1.2;
  --lh-body: 1.55;
}

html { -webkit-text-size-adjust: 100%; }
body {
  font-family: var(--font-body);
  font-size: var(--fs-body);
  line-height: var(--lh-body);
}
button, input, select, textarea { font-family: inherit; }

h1, h2, h3, h4 {
  font-weight: var(--fw-heading);
  line-height: var(--lh-tight);
  letter-spacing: -0.02em;
}
h1 { font-size: var(--fs-h1); }
h2 { font-size: var(--fs-h2); }
h3 { font-size: var(--fs-h4); }
h4 { font-size: var(--fs-body); }

.brand { font-family: var(--font-brand); }