/* Subnautica 2 theme — deep alien ocean, bioluminescent cyan/teal, dark sci-fi.
   Load with assets/hub.css or assets/article.css.
   Page must also load Google Fonts: Orbitron + Exo 2. */
:root{
  --c1:#00c9ff;    /* bioluminescent cyan */
  --c1b:#3de0ff;
  --c2:#7bffdc;    /* teal-green glow */
  --c3:#0082b3;    /* deep ocean teal */
  --bg:#010b14;
  --bg2:#021a2e;
  --glass:rgba(0,201,255,0.07);
  --glass-brd:rgba(0,201,255,0.22);
  --radius:10px;
  --font-head:'Orbitron',sans-serif;
  --font-body:'Exo 2',sans-serif;
}
/* abyssal gradient: ocean black -> deep sea blue */
.bg{background:linear-gradient(180deg,#010b14 0%,#021a2e 40%,#011018 72%,#010912 100%)}
.bg::before{content:"";position:absolute;inset:0;
  background:radial-gradient(60% 48% at 50% 30%,rgba(0,201,255,.16),transparent 65%),
             radial-gradient(50% 40% at 18% 70%,rgba(123,255,220,.10),transparent 60%),
             radial-gradient(45% 35% at 82% 20%,rgba(0,130,179,.18),transparent 58%);
  -webkit-mask-image:linear-gradient(#000,#000 80%,transparent);mask-image:linear-gradient(#000,#000 80%,transparent)}
/* geometric sci-fi: tight tracking, uppercase tech headings */
.hero h1,h2.title{letter-spacing:.06em;text-transform:uppercase;font-weight:700}
.eyebrow,.kicker,.card .tag,.brand{letter-spacing:.20em}
.card h3{text-transform:uppercase;font-size:.88rem;letter-spacing:.04em}