:root {
  --bg:         #0A0D12;
  --bg-2:       #0E1218;
  --fg:         #E8ECF1;
  --fg-2:       #B6BEC9;
  --fg-3:       #8A93A1;
  --fg-4:       #5A6373;
  --hairline:   rgba(255, 255, 255, 0.06);
  --accent:     oklch(0.82 0.09 215);
  --accent-dim: oklch(0.55 0.054 215);
}

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

html, body {
  margin: 0;
  padding: 0;
}

body {
  background: var(--bg);
  color: var(--fg);
  font-family: "Inter", -apple-system, BlinkMacSystemFont, "SF Pro Text", system-ui, sans-serif;
  font-feature-settings: "ss01", "cv11";
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  text-rendering: optimizeLegibility;
  overflow-x: hidden;
}

::selection {
  background: var(--accent);
  color: #0A0D12;
}