/* Ghost of Yōtei theme — onryō crimson, autumn gold, Ezo winter shadow.
   Load with assets/hub.css or assets/article.css.
   Page must also load Google Fonts: Shippori Mincho + Lato. */
:root{
  --c1:#8b1a22;    /* onryō blood crimson */
  --c1b:#c43a4a;   /* bright crimson highlight */
  --c2:#c9922a;    /* autumn maple gold */
  --c3:#3a6b7a;    /* Ezo winter ice blue */
  --bg:#060809;
  --bg2:#0c0f11;
  --glass:rgba(139,26,34,0.07);
  --glass-brd:rgba(201,146,42,0.20);
  --radius:14px;
  --font-head:'Shippori Mincho',serif;
  --font-body:'Lato',sans-serif;
}
/* snow-swept Ezo: crimson ghost glow above, autumn gold warmth at right, icy shadow low-left */
.bg{background:
  radial-gradient(58% 44% at 50% 4%, rgba(139,26,34,.22), transparent 62%),
  radial-gradient(42% 36% at 86% 30%, rgba(201,146,42,.14), transparent 55%),
  radial-gradient(38% 32% at 10% 78%, rgba(58,107,122,.12), transparent 52%),
  var(--bg)}
.bg::before{content:"";position:absolute;inset:0;
  background:
    radial-gradient(2px 2px at 20% 18%, var(--c2), transparent 60%),
    radial-gradient(2px 2px at 66% 14%, var(--c1b), transparent 60%),
    radial-gradient(1.5px 1.5px at 44% 50%, var(--c3), transparent 60%),
    radial-gradient(2px 2px at 82% 44%, var(--c2), transparent 60%),
    radial-gradient(1.5px 1.5px at 28% 74%, var(--c1b), transparent 60%),
    radial-gradient(1.5px 1.5px at 62% 82%, var(--c3), transparent 60%);
  opacity:.42;animation:emb 13s ease-in-out infinite alternate}
@keyframes emb{from{transform:translateY(0);opacity:.28}to{transform:translateY(-20px);opacity:.52}}
.bg::after{content:"";position:absolute;inset:0;background:radial-gradient(115% 82% at 50% 0%, transparent 52%, rgba(0,0,0,.74) 100%)}
/* brushstroke elegance: upright weight for headers, light tracking on labels */
.hero h1,h2.title{font-weight:700;letter-spacing:.02em}
.eyebrow,.kicker,.card .tag,.brand{letter-spacing:.18em}
.card h3{text-transform:none;font-family:var(--font-body)}