/* Bukankah Lore — shared tokens & chrome for hand-built pages */
:root{
  --bg:#0c0e17; --surface:#151823; --surface2:#1c2030;
  --text:#f3f3f8; --muted:#a3a6bd; --border:#0a0b11;
  --yellow:#FFD23F; --green:#06D6A0; --pink:#FF5DA2; --blue:#4DA8FF;
  --accent:#21D4B4;
  --shadow-sm:3px 3px 0 var(--border);
}
*{box-sizing:border-box;margin:0;padding:0}
html{scroll-behavior:smooth}
body{background:var(--bg);color:var(--text);font-family:'Inter',sans-serif;line-height:1.7;-webkit-font-smoothing:antialiased;min-height:100vh}
a{color:inherit;text-decoration:none}

.topbar{position:sticky;top:0;z-index:50;display:flex;align-items:center;gap:14px;padding:11px 20px;background:var(--bg);border-bottom:3px solid var(--border)}
.brand{display:flex;align-items:center;gap:10px;font-weight:800;font-size:1.05rem;font-family:'Space Grotesk',sans-serif;letter-spacing:.2px;color:#fff}
.brand b{color:var(--yellow)}
.topbar .home{margin-left:auto;font-family:'Space Grotesk',sans-serif;font-weight:700;font-size:.82rem;color:var(--muted);padding:7px 14px;border:2px solid var(--border);border-radius:10px;background:var(--surface);box-shadow:var(--shadow-sm)}
.topbar .home:hover{color:#fff}

.site-foot{border-top:1px solid rgba(255,255,255,.08);margin-top:80px;padding:36px 24px 42px;color:var(--muted);font-size:.78rem;text-align:center;background:transparent}
.site-foot b{color:var(--yellow)}

:focus-visible{outline:3px solid var(--accent);outline-offset:2px}