:root {
  --bg: #f6f4ef;
  --fg: #050505;
  --muted: #5f5f5f;
  --line: #141414;
  --blue: #312dfb;
  --red: #dc143c;
  --card: #ffffff;
  --soft: #edeae1;
  --font-sans: Arial, Helvetica, sans-serif;
  --font-mono: "Courier New", Courier, monospace;
}

* { box-sizing: border-box; }
html { scroll-behavior: smooth; }
body {
  margin: 0;
  background: var(--bg);
  color: var(--fg);
  font-family: var(--font-sans);
  line-height: 1.45;
  background-image: linear-gradient(rgba(0,0,0,.025) 1px, transparent 1px), linear-gradient(90deg, rgba(0,0,0,.025) 1px, transparent 1px);
  background-size: 32px 32px;
}
img, video, iframe { max-width: 100%; display: block; }
a { color: inherit; text-decoration: none; }
::selection { background: var(--blue); color: white; }