:root {
  /* Colors */
  --primary-blue: #146ef5;
  --hover-blue: #1255c9;
  --light-grey: whitesmoke;
  --white: #ffffff;
  --dark: #000000;

  --border-dark: rgba(0, 0, 0, 0.1);
  --faded-heading: rgba(0, 0, 0, 0.4);

  /* New mid-gray for nav/footer links */
  --text-mid: #4b5563;

  /* Layout */
  --navbar-height: 102px;
  --container-width: 1428px; /* match Webflow */

  /* Shape & effects */
  --radius: 6px;
  --shadow-soft: 0 4px 12px rgba(0, 0, 0, 0.08);
}

/* Utility container for header/footer */
.lp-container {
  max-width: var(--container-width);
  margin: 0 auto;
  padding: 0 20px;
}