:root {
  --bg:         #080808;
  --bg2:        #0d0d0d;
  --bg3:        #141414;
  --accent:     #d8d4c8;
  --accent-dim: #8b877d;
  --accent-faint: rgba(216,212,200,.08);
  --text:       #f2efe7;
  --text-dim:   #aaa59a;
  --text-faint: #5b574f;
  --border:     rgba(242,239,231,.12);
  --border-hover: rgba(242,239,231,.32);
  --display:    'Cormorant Garamond', Georgia, serif;
  --sans:       'Inter', Arial, sans-serif;
}

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

html { font-size: 16px; -webkit-font-smoothing: antialiased; }

body {
  background: var(--bg);
  color: var(--text);
  font-family: var(--display);
  font-weight: 300;
  line-height: 1.6;
}

a { color: inherit; text-decoration: none; }

::selection { background: rgba(242,239,231,.18); color: var(--text); }

::-webkit-scrollbar { width: 4px; }
::-webkit-scrollbar-track { background: var(--bg); }
::-webkit-scrollbar-thumb { background: var(--accent-dim); border-radius: 2px; }