:root {
  /* ─── Font family ─────────────────────────────────────────────────────── */
  --font-family: "Inter", Helvetica;

  /* ─── Font weights ────────────────────────────────────────────────────── */
  --font-weight-heading: 900;
  --font-weight-body:    400;

  /* ─── Font scale ──────────────────────────────────────────────────────── */
  --font-size-hero:       64px;  /* homepage section headings */
  --font-size-page-title: 52px;  /* contact page title        */
  --font-size-card-title: 32px;  /* testimonial card names    */
  --font-size-nav:        20px;  /* nav links, service titles */
  --font-size-body:       15px;  /* all body / content text   */
  --font-size-footer:     12px;  /* footer copyright          */

  /* ─── Legacy form tokens (kept for compatibility) ─────────────────────── */
  --body-base-font-family: var(--font-family);
  --body-base-font-weight: var(--font-weight-body);
  --body-base-font-size: var(--font-size-body);
  --body-base-letter-spacing: 0px;
  --body-base-line-height: 140%;
  --body-base-font-style: normal;

  --single-line-body-base-font-family: var(--font-family);
  --single-line-body-base-font-weight: var(--font-weight-body);
  --single-line-body-base-font-size: var(--font-size-body);
  --single-line-body-base-letter-spacing: 0px;
  --single-line-body-base-line-height: 100%;
  --single-line-body-base-font-style: normal;

  /* ─── Brand colours ───────────────────────────────────────────────────── */
  --color-brand-bg:     #444344;   /* primary dark background */
  --color-brand-light:  #d9d9d9;   /* light grey panels / borders */
  --color-white:        #ffffff;   /* pure white text / surfaces */
  --color-footer-text:  #fdfdfd;   /* footer copyright text */
  --color-text-dark:    #1f1f1f;   /* dark body text on light surfaces */
  --color-btn-bg:       #2c2c2c;   /* submit button background */
  --color-btn-text:     #f5f5f5;   /* submit button label */
}