:root {
  --black:      #0a0a0a;
  --dark:       #111111;
  --dark2:      #1a1a1a;
  --border:     #2e2e2e;
  --accent:     #e8a020;
  --accent-d:   #c98a10;
  --white:      #ffffff;
  --text:       #cccccc;
  --muted:      #666666;
  --fh:         'Barlow Condensed', sans-serif;
  --fb:         'Barlow', sans-serif;
  --radius:     4px;
  --ease:       .3s ease;
}

*, *::before, *::after { box-sizing: border-box; margin: 0; padding: 0; }
html { scroll-behavior: smooth; }
body { font-family: var(--fb); font-size: 1rem; line-height: 1.6; }
img { max-width: 100%; height: auto; display: block; }
a { transition: var(--ease); text-decoration: none; color: inherit; }
button { font-family: var(--fb); cursor: pointer; border: none; background: none; }