:root {
  --red: #c8121a;
  --red2: #e8353c;
  --gold: #f0b429;
  --gold2: #ffd165;
  --dark: #0d0a10;
  --dark2: #13101a;
  --dark3: #1c1826;
  --dark4: #251f35;
  --dark5: #2e2842;
  --text: #eeeaf5;
  --muted: #8a8498;
  --border: rgba(240,180,41,0.18);
  --sidebar-w: 240px;
  --radius: 10px;
}

* { margin:0; padding:0; box-sizing:border-box; }

body {
  font-family: 'Source Sans 3', sans-serif;
  background: var(--dark);
  color: var(--text);
  line-height: 1.6;
  overflow-x: hidden;
}

a { color: inherit; text-decoration: none; }
img { display: block; max-width: 100%; }
button { font-family: inherit; cursor: pointer; border: none; background: none; }

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

@media (prefers-reduced-motion: reduce) {
  * { transition-duration: 0.01ms !important; }
}