:root {
  --bg: #0e2022;
  --bg-alt: #12272a;
  --card: #163033;
  --ink: #e8f4f2;
  --heading: #c7f0e8;
  --muted: #9dc4c0;
  --line: #2c4a4c;
  --nav-bg: #071314;
  --nav-ink: #bcd8d4;
  --accent: #ff9d2e;
  --accent-soft: rgba(255, 157, 46, 0.16);
  --accent-ink: #1a1208;
  --hero-bg: #051012;
  --hero-ink: #eafff9;
  --hero-muted: #b6ddd5;
  --hero-accent: #ffb15c;
  --hero-glow: rgba(255, 157, 46, 0.30);
  --hero-glow2: rgba(90, 220, 200, 0.20);
  --hero-pattern: radial-gradient(rgba(120, 220, 210, 0.18) 1.6px, transparent 1.7px) 0 0 / 26px 26px;
  --band-a: #0b2b30;
  --band-b: #07191c;
  --chip: #1b3a3d;
  --footer-bg: #04090a;
  --footer-ink: #7fa9a3;
  --footer-accent: #ffb15c;
}

.hero {
  background:
    radial-gradient(1000px 540px at 84% 14%, rgba(255, 157, 46, 0.28), transparent 55%),
    radial-gradient(760px 460px at 6% 94%, rgba(90, 220, 200, 0.16), transparent 55%),
    linear-gradient(160deg, #0b2b30, #031012 80%);
}

:root {
  --bling: #9ff0e4;
  --bling2: #ffb15c;
  --grad1: #eafff9;
  --grad2: #3ec5ae;
}