/* Gothic 1 Remake theme — dark stone medieval, torchlight amber, Baroque contrast.
   Load with assets/hub.css or assets/article.css.
   Page must also load Google Fonts: Uncial Antiqua + Lora. */
:root{
  --c1:#c8803a;    /* torchlight amber */
  --c1b:#e8a55e;
  --c2:#9e7b4e;    /* parchment brown */
  --c3:#4a6080;    /* cold stone blue */
  --bg:#09080a;
  --bg2:#14100c;
  --glass:rgba(200,128,58,0.07);
  --glass-brd:rgba(200,128,58,0.22);
  --font-head:'Uncial Antiqua',serif;
  --font-body:'Lora',serif;
}
/* stone darkness + drifting torchlight embers */
.bg{background:
  radial-gradient(55% 48% at 50% 18%, color-mix(in srgb,var(--c1) 24%,transparent), transparent 62%),
  var(--bg)}
.bg::before{content:"";position:absolute;inset:0;
  background:
    radial-gradient(2px 2px at 22% 32%, var(--c1b), transparent 60%),
    radial-gradient(2px 2px at 72% 24%, var(--c1), transparent 60%),
    radial-gradient(1.5px 1.5px at 48% 60%, var(--c1b), transparent 60%),
    radial-gradient(2px 2px at 82% 52%, var(--c1), transparent 60%),
    radial-gradient(1.5px 1.5px at 34% 76%, var(--c1b), transparent 60%),
    radial-gradient(1.5px 1.5px at 62% 82%, var(--c1), transparent 60%);
  opacity:.45;animation:emb 11s ease-in-out infinite alternate}
@keyframes emb{from{transform:translateY(0);opacity:.3}to{transform:translateY(-20px);opacity:.55}}
.bg::after{content:"";position:absolute;inset:0;background:radial-gradient(120% 85% at 50% 0%, transparent 50%, rgba(0,0,0,.65) 100%)}
/* medieval manuscript feel: lighter weight headings, minimal tracking */
.hero h1,h2.title{font-weight:400;letter-spacing:.01em;text-transform:none}
.eyebrow,.kicker,.card .tag,.brand{letter-spacing:.20em}
.card h3{text-transform:none;font-style:italic}