:root {
  --bg: #eef7fb;
  --bg-alt: #ffffff;
  --card: #ffffff;
  --ink: #1c3a4a;
  --heading: #0b4a6b;
  --muted: #5d8296;
  --line: #cfe3ee;
  --nav-bg: #0a2a3b;
  --nav-ink: #cfe7f3;
  --accent: #0ea5c9;
  --accent-soft: rgba(14, 165, 201, 0.14);
  --accent-ink: #ffffff;
  --hero-bg: #062233;
  --hero-ink: #f2fbff;
  --hero-muted: #c6e6f5;
  --hero-accent: #6fd9ff;
  --hero-glow: rgba(0, 180, 255, 0.38);
  --hero-glow2: rgba(120, 220, 255, 0.22);
  --hero-pattern: radial-gradient(rgba(180, 235, 255, 0.5) 1px, transparent 1.6px) 0 0 / 20px 20px;
  --band-a: #d9f1fb;
  --band-b: #b7e4f5;
  --chip: #e3f3fb;
  --footer-bg: #062433;
  --footer-ink: #9cc8da;
  --footer-accent: #6fd9ff;
}

.hero {
  background:
    radial-gradient(1000px 540px at 82% 16%, rgba(0, 190, 255, 0.30), transparent 55%),
    radial-gradient(760px 460px at 8% 92%, rgba(120, 220, 255, 0.18), transparent 55%),
    linear-gradient(160deg, #073044, #041b29 75%);
}

:root {
  --bling: #c9f2ff;
  --bling2: #ffffff;
  --grad1: #eafcff;
  --grad2: #35b8e8;
}