/* Dune: Awakening theme — scorched amber, spice rust, deep desert dark.
   Load with assets/hub.css or assets/article.css.
   Page must also load Google Fonts: Philosopher + Exo 2. */
:root{
  --c1:#c8872d;    /* amber gold — spice, desert sun */
  --c1b:#f0a844;   /* bright amber highlight */
  --c2:#9e3c12;    /* spice rust — Harkonnen red-brown */
  --c3:#e8c567;    /* pale sand gold — dune crest */
  --bg:#070402;
  --bg2:#0d0803;
  --glass:rgba(200,135,45,0.08);
  --glass-brd:rgba(158,60,18,0.22);
  --radius:14px;
  --font-head:'Philosopher',serif;
  --font-body:'Exo 2',sans-serif;
}
/* desert heat: amber sun above, spice rust flanking, pale gold shimmer */
.bg{background:
  radial-gradient(65% 50% at 50% 5%, rgba(200,135,45,.22), transparent 60%),
  radial-gradient(45% 38% at 6% 75%, rgba(158,60,18,.18), transparent 55%),
  radial-gradient(38% 32% at 92% 30%, rgba(232,197,103,.10), transparent 50%),
  var(--bg)}
.bg::before{content:"";position:absolute;inset:0;
  background:
    radial-gradient(2px 2px at 20% 18%, var(--c1), transparent 60%),
    radial-gradient(2px 2px at 68% 12%, var(--c3),  transparent 60%),
    radial-gradient(1.5px 1.5px at 42% 50%, var(--c2), transparent 60%),
    radial-gradient(2px 2px at 82% 42%, var(--c1b), transparent 60%),
    radial-gradient(1.5px 1.5px at 28% 76%, var(--c2), transparent 60%),
    radial-gradient(1.5px 1.5px at 58% 82%, var(--c1), transparent 60%);
  opacity:.40;animation:sandrift 12s ease-in-out infinite alternate}
@keyframes sandrift{from{transform:translateY(0) translateX(0);opacity:.28}to{transform:translateY(-14px) translateX(6px);opacity:.52}}
.bg::after{content:"";position:absolute;inset:0;background:radial-gradient(115% 82% at 50% 0%, transparent 48%, rgba(0,0,0,.78) 100%)}
/* epic desert-lit typography */
.hero h1,h2.title{font-weight:700;letter-spacing:.03em}
.eyebrow,.kicker,.card .tag,.brand{letter-spacing:.18em}
.card h3{text-transform:none;font-family:var(--font-body)}