:root{
  --bg: #050505;
  --panel: rgba(12,12,12,.92);
  --text: rgba(255,255,255,.86);
  --muted: rgba(255,255,255,.72);

  --gold: #c9a24a;
  --gold2:#e1c06a;

  --shadow: 0 18px 40px rgba(0,0,0,.35);
}

*{ box-sizing:border-box; }
html, body{ height:100%; }
html{ scroll-behavior:smooth; }

body{
  margin:0;
  font-family: system-ui, -apple-system, Segoe UI, Roboto, Arial, sans-serif;
  background: radial-gradient(1200px 900px at 50% -10%, rgba(201,162,74,.08), transparent 55%),
              linear-gradient(180deg, #050505 0%, #050505 100%);
  color: var(--text);
}

img{ max-width:100%; height:auto; display:block; }
a{ color: inherit; }
a, a:visited{ color: inherit; } /* never purple */

.sr-only{
  position:absolute;
  width:1px; height:1px;
  padding:0; margin:-1px;
  overflow:hidden; clip:rect(0,0,0,0);
  border:0;
}