:root{
  --navy:#082b4b;
  --navy-deep:#05243e;
  --ink:#123655;
  --muted:#46627a;
  --cyan:#00b8df;
  --cyan-deep:#007a9b;
  --cyan-light:#e5f8fd;
  --orange:#ff5300;
  --orange-hover:#dc4500;
  --orange-ink:#bd3b00;
  --orange-light:#fff0e7;
  --white:#fff;
  --cool:#f5fafc;
  --line:#dce8ef;
  --on-dark:#d7e8f2;
  --shadow:0 8px 30px rgb(8 43 75 / 5%);
  --radius:16px;
  --radius-button:8px;
  --content:1360px;
  --font:"Segoe UI",Arial,Helvetica,sans-serif;
  --shadow-medium-color:rgb(8 43 75 / 10%);
  --shadow-text-color:rgb(0 0 0 / 65%);
  --shadow-badge-color:rgb(0 0 0 / 10%);
  --footer-line:rgb(255 255 255 / 20%);
  --hero-wash-99:rgb(239 250 254 / 99%);
  --hero-wash-94:rgb(239 250 254 / 94%);
  --hero-wash-65:rgb(239 250 254 / 65%);
  --hero-wash-clear:rgb(239 250 254 / 0%);
}