:root {
  --bg: #d9d9d9;
  --surface: #e6e6e6;
  --surface-soft: #f2f2f2;
  --ink: #141414;
  --text: #141414;
  --muted: #4d4d4d;
  --primary: #e7ff00;
  --accent: #e7ff00;
  --border: #111111;
  --success: #2e9c3f;
  --danger: #c43a3a;
  --shadow: 4px 4px 0 #111111;
  --font: "Arial Narrow", "Helvetica Neue", Arial, sans-serif;
}

* {
  box-sizing: border-box;
}

body {
  margin: 0;
  min-height: 100vh;
  font-family: var(--font);
  color: var(--text);
  background: var(--bg);
  letter-spacing: 0.01em;
}

html {
  scroll-behavior: smooth;
}

h1,
h2,
h3,
h4,
.sidebar-title,
.alras-item,
button {
  font-family: var(--font);
  text-transform: uppercase;
  letter-spacing: 0.02em;
}