:root {
  --color-dark:     #0d1f20;
  --color-teal:     #0e2c2e;
  --color-gold:     #c9b99a;
  --color-gold-mid: #b8a888;
  --color-red:      #b01c1c;
  --color-white:    #e8e4df;
  --color-white-dim:#a0a0a0;
  --font-display:   'Inter', sans-serif;
  --font-body:      'Inter', sans-serif;
  --nav-height:     72px;
  --bar-height:     18px;
}

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

html, body {
  width: 100%; height: 100%;
  font-size: 16px;
  background: #fff;
  color: rgba(0, 0, 0, 0.85);
  font-family: var(--font-body);
  font-weight: 400;
  overflow-x: hidden;
  -webkit-font-smoothing: antialiased;
}

a { text-decoration: none; color: inherit; }
ul { list-style: none; }