/* 3 Tier Consulting — Typography Tokens
   No brand font files were supplied with this design system. Substitutes below
   are Google Fonts chosen to match the source material's letterforms:
   - Display/heading: Archivo (bold, geometric-grotesque, wide counters) — echoes
     the blocky, confident weight of the "TIER" wordmark in the logo.
   - Body/UI: Inter — a neutral, highly-legible grotesque appropriate for a
     data-heavy B2B consulting site (metrics, frameworks, dense service lists).
   Flagged to the user in readme.md; swap the @font-face/import below if real
   brand fonts are provided. */

@import url('https://fonts.googleapis.com/css2?family=Archivo:wght@600;700;800&family=Inter:wght@400;500;600;700&display=swap');

:root {
  --font-display: 'Archivo', 'Arial Narrow', sans-serif;
  --font-body: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;

  /* Display */
  --text-display-xl-size: 56px;
  --text-display-xl-weight: 800;
  --text-display-xl-line: 1.08;
  --text-display-xl-tracking: -0.01em;

  --text-display-lg-size: 40px;
  --text-display-lg-weight: 800;
  --text-display-lg-line: 1.12;
  --text-display-lg-tracking: -0.01em;

  --text-display-md-size: 30px;
  --text-display-md-weight: 700;
  --text-display-md-line: 1.2;
  --text-display-md-tracking: 0;

  /* Headings */
  --text-h1-size: 26px;
  --text-h1-weight: 700;
  --text-h1-line: 1.25;

  --text-h2-size: 20px;
  --text-h2-weight: 700;
  --text-h2-line: 1.3;

  --text-h3-size: 16px;
  --text-h3-weight: 700;
  --text-h3-line: 1.4;

  --text-eyebrow-size: 13px;
  --text-eyebrow-weight: 700;
  --text-eyebrow-line: 1.4;
  --text-eyebrow-tracking: 0.08em;

  /* Body */
  --text-body-lg-size: 18px;
  --text-body-lg-weight: 400;
  --text-body-lg-line: 1.6;

  --text-body-md-size: 16px;
  --text-body-md-weight: 400;
  --text-body-md-line: 1.6;

  --text-body-sm-size: 14px;
  --text-body-sm-weight: 400;
  --text-body-sm-line: 1.5;

  --text-body-strong-size: 16px;
  --text-body-strong-weight: 600;
  --text-body-strong-line: 1.5;

  /* UI */
  --text-button-size: 15px;
  --text-button-weight: 600;
  --text-button-line: 1.2;

  --text-caption-size: 13px;
  --text-caption-weight: 500;
  --text-caption-line: 1.4;

  --text-stat-size: 44px;
  --text-stat-weight: 800;
  --text-stat-line: 1;
}