/* Apex Agency — typography.
   Two site voices, transcribed from the Figma "Type" specimen frame and the
   page frames:
     · Switzer      — the display voice. ALWAYS UPPERCASE at H3 and above.
     · Google Sans  — the UI + editorial voice (nav, buttons, cards, footer,
                      case-study titles). Sentence case. Substituted here
                      with DM Sans (see tokens/fonts.css).
   Manrope appears on the "Launch your campaign" band and the Submit button.
   Inter and Jost belong to the imported form library, not the site. */
:root {
  --font-display: "Switzer", "Helvetica Neue", Arial, sans-serif; /* real face, served by Fontshare — verified loading, not substituted */
  --font-core: "Google Sans", "DM Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
  --font-alt: "Manrope", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
  --font-lib: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
  --font-lib-alt: "Jost", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;

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

  /* ── Display scale (Switzer, uppercase, from the "Type" frame) ────────── */
  --size-large-title: 100px;  --lh-large-title: 113px;  --ls-large-title: -2px;
  --size-h1: 80px;            --lh-h1: 93px;            --ls-h1: -2px;
  --size-h2: 60px;            --lh-h2: 77px;            --ls-h2: -2px;
  --size-h3: 32px;            --lh-h3: 35px;            --ls-h3: -1px;
  --size-subheadline: 24px;   --lh-subheadline: 32px;   --ls-subheadline: -1px;
  --size-body: 18px;          --lh-body: 27px;          --ls-body: -1px;
  --size-caption: 16px;       --lh-caption: 22px;       --ls-caption: -1px;
  --size-footnote: 14px;      --lh-footnote: 18px;      --ls-footnote: -1px;

  /* ── Page-frame sizes that sit outside the specimen ramp ─────────────── */
  --size-hero: 110px;         --lh-hero: 113px;         --ls-hero: -2px;
  --size-services: 80px;      --lh-services: 86px;
  --size-lede: 20px;          --lh-lede: 32px;          --ls-lede: -0.010em;
  --size-h3-loose: 32px;      --lh-h3-loose: 44px;      /* Google Sans H3 */
  --size-field: 14px;         --lh-field: 20px;         --ls-field: -0.010em;
  --size-banner: 124.12267303466797px;
  --lh-banner: 161.359px;     --ls-banner: 0.464px;
}