:root {
  /* ===== Brand Blues ===== */
  --color-primary: #006cd7;
  --color-primary-bright: #0099ff;
  --color-primary-hover: #0078d7;

  /* ===== Navy Scale ===== */
  --color-navy-darkest: #002547;
  --color-navy-deep: #003d75;
  --color-heading-dark: #00375b;
  --color-subtext-blue: #00558e;

  /* ===== Sky Scale ===== */
  --color-sky-mid: #66b5ff;
  --color-sky-light: #e5f3ff;

  /* ===== Neutrals ===== */
  --color-white: #ffffff;
  --color-bg-soft: #f7fafd;
  --color-text-muted: #405366;

  /* ===== Border ===== */
  --color-border: rgba(0, 85, 142, 0.2);

  /* ===== Decorative ===== */
  --color-dot-grid: #bad5f3;
  --color-white-0: rgba(255, 255, 255, 0);
}