:root {
  --accent: #E11B1B;
  --accent-shadow: rgba(225, 27, 27, .25);
  --accent-light: #FDECEC;
  --accent-text: #C2181A;
  --dark: #0E0E11;
  --dark2: #15161A;
  --border: #E8E8EA;
  --bg2: #FAFAFA;
}

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

body {
  margin: 0;
  font-family: Inter, system-ui, sans-serif;
  color: #1A1B1E;
  background: #F6F6F7;
  min-height: 100vh;
}

body::before {
  content: '';
  position: fixed;
  inset: 0;
  background-image: radial-gradient(circle, #C8C8CC 1px, transparent 1px);
  background-size: 24px 24px;
  opacity: .5;
  z-index: -1;
  pointer-events: none;
}