:root {
  --bg:        #f5f5f0;
  --fg:        #181818;
  --muted:     #aaaaaa;
  --rule:      #dddddd;

  --font-sans: 'Inter', 'Helvetica Neue', Helvetica, Arial, sans-serif;

  --fw-light:  300;
  --fw-reg:    400;

  --sidebar-w: 180px;

  --space-xs:  0.5rem;
  --space-sm:  1rem;
  --space-md:  2rem;
  --space-lg:  4rem;
  --space-xl:  8rem;
}

[data-theme="dark"] {
  --bg:    #181818;
  --fg:    #f5f5f0;
  --muted: #666666;
  --rule:  #2e2e2e;
}

@media (prefers-color-scheme: dark) {
  :root:not([data-theme="light"]):not([data-theme="dark"]) {
    --bg:    #181818;
    --fg:    #f5f5f0;
    --muted: #666666;
    --rule:  #2e2e2e;
  }
}