:root {
  --datamap-navy: #193762; /* Primary — wordmark, headings, primary buttons */
  --datamap-deep-navy: #0A1F3D; /* Footer and dark bands */
  --datamap-ink: #0B1220; /* Body text on light backgrounds */
  --datamap-sky: #5382CC; /* Wordmark on dark backgrounds, eyebrows, links */
  --datamap-blue: #2563EB; /* Interactive accents and hover states */
  --datamap-orange: #FF8A00; /* Accent — highlights and icons, never body text */
  --datamap-soft-orange: #FFF4E6; /* Accent tint backgrounds */
  --datamap-slate: #4D5B70; /* Secondary text */
  --datamap-logo-grey: #4D4D4D; /* The “Map” in the wordmark on light backgrounds */
  --datamap-mist: #F5F7FA; /* Section backgrounds */
  --datamap-line: #E4E8F0; /* Borders and dividers */
  --datamap-neutral-grey: #6D7079; /* Greyscale logos and partner / client logo strips */
}