/* Fable theme — British fairy-tale fantasy, warm Albion gold, lush forest green.
   Load with assets/hub.css or assets/article.css.
   Page must also load Google Fonts: Playfair Display + Lora. */
:root{
  --c1:#c9962a;    /* Albion amber gold */
  --c1b:#e8c45a;   /* sunlit gold */
  --c2:#6ab44a;    /* Albion green */
  --c3:#8f5e1c;    /* deep amber */
  --bg:#080b07;
  --bg2:#0f130b;
  --glass:rgba(201,150,42,0.07);
  --glass-brd:rgba(201,150,42,0.22);
  --radius:10px;
  --font-head:'Playfair Display',serif;
  --font-body:'Lora',serif;
}
/* golden dusk gradient: dark forest canopy -> deep Albion night */
.bg{background:
  radial-gradient(68% 52% at 50% 14%, rgba(201,150,42,.20), transparent 62%),
  radial-gradient(48% 38% at 15% 72%, rgba(106,180,74,.10), transparent 56%),
  radial-gradient(42% 32% at 84% 28%, rgba(143,94,28,.14), transparent 52%),
  var(--bg)}
.bg::before{content:"";position:absolute;inset:0;
  background:
    radial-gradient(2px 2px at 22% 28%, var(--c1b), transparent 60%),
    radial-gradient(2px 2px at 68% 20%, var(--c1),  transparent 60%),
    radial-gradient(1.5px 1.5px at 44% 55%, var(--c1b), transparent 60%),
    radial-gradient(2px 2px at 83% 46%, var(--c1),  transparent 60%),
    radial-gradient(1.5px 1.5px at 35% 76%, var(--c2), transparent 60%),
    radial-gradient(1.5px 1.5px at 58% 82%, var(--c1b), transparent 60%);
  opacity:.45;animation:emb 10s ease-in-out infinite alternate}
@keyframes emb{from{transform:translateY(0);opacity:.32}to{transform:translateY(-20px);opacity:.58}}
.bg::after{content:"";position:absolute;inset:0;background:radial-gradient(120% 85% at 50% 0%, transparent 50%, rgba(0,0,0,.65) 100%)}
/* storybook serif: elegant weight, gentle tracking */
.hero h1,h2.title{font-weight:700;letter-spacing:.01em;text-transform:none}
.eyebrow,.kicker,.card .tag,.brand{letter-spacing:.18em}
.card h3{text-transform:none;font-style:italic}