/* =============================================================
   NLIGN — Design Tokens
   Single source of truth for all brand variables.
   ============================================================= */

:root {

  /* ── Typography: Navigation ─────────────────────────────── */
  --nlign-nav-font-family:     "Inter", Helvetica, sans-serif;
  --nlign-nav-font-weight:     700;
  --nlign-nav-font-size:       16px;
  --nlign-nav-letter-spacing:  0px;
  --nlign-nav-line-height:     normal;

  /* ── Typography: Body ───────────────────────────────────── */
  --nlign-body-font-family:    "Inter", Helvetica, sans-serif;
  --nlign-body-font-weight:    400;
  --nlign-body-font-size:      18px;
  --nlign-body-line-height:    28px;

  /* ── Typography: H1 ─────────────────────────────────────── */
  --nlign-h1-font-family:    "InterFace", Helvetica, sans-serif;
  --nlign-h1-font-weight:    400;
  --nlign-h1-font-size:      96px;
  --nlign-h1-letter-spacing: 0px;
  --nlign-h1-line-height:    100px;

  /* ── Typography: H2 ─────────────────────────────────────── */
  --nlign-h2-font-family:    "InterFace", Helvetica, sans-serif;
  --nlign-h2-font-weight:    700;
  --nlign-h2-font-size:      64px;
  --nlign-h2-letter-spacing: 0px;
  --nlign-h2-line-height:    68px;

  /* ── Typography: H4 ─────────────────────────────────────── */
  --nlign-h4-font-family:    "Inter", Helvetica, sans-serif;
  --nlign-h4-font-weight:    400;
  --nlign-h4-font-size:      32px;
  --nlign-h4-letter-spacing: 0px;
  --nlign-h4-line-height:    36px;

  /* ── Typography: Subhead / Label ────────────────────────── */
  --nlign-subhead-font-family:    "Inter", Helvetica, sans-serif;
  --nlign-subhead-font-weight:    700;
  --nlign-subhead-font-size:      20px;
  --nlign-subhead-letter-spacing: 0px;
  --nlign-subhead-line-height:    28px;

  /* ── Brand Colors ───────────────────────────────────────── */
  --nlign-color-onyx:       rgba(14,  14,  14,  1);  /* #0E0E0E — primary bg    */
  --nlign-color-onyx-800:   rgba(26,  26,  26,  1);  /* #1A1A1A — section alt   */
  --nlign-color-onyx-600:   rgba(58,  58,  58,  1);  /* #3A3A3A — muted text    */
  --nlign-color-dust-grey:  rgba(235, 234, 230, 1);  /* #EBEAE6 — body text     */
  --nlign-color-orange:     rgba(243, 73,  27,  1);  /* #F3491B — accent / CTA  */
  --nlign-color-grey-olive: rgba(132, 151, 142, 1);  /* #84978E — secondary CTA */
  --nlign-color-white-olive:#fff;
  /* ── Layout ─────────────────────────────────────────────── */
  --nlign-section-padding-x: 120px;
  --nlign-section-padding-y: 96px;
  --nlign-max-width:         1440px;
  --nlign-navbar-height:     96px;
  --nlign-footer-height:     192px;

  /* ── Transitions ────────────────────────────────────────── */
  --nlign-transition: 0.2s ease;
}
@media (max-width: 991px) {
  :root {
    --nlign-section-padding-y: 50px;
  }
}