:root {
  --od-ink: #111827;
  --od-steel: #2563EB;
  --od-success: #10B981;
  --od-safety: #F97316;
  --od-light: #F9FAFB;
  --od-surface: #374151;
}

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

body {
  margin: 0;
  font-family: system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
  background-color: var(--od-ink);
  color: var(--od-light);
  font-size: 1rem;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

img {
  max-width: 100%;
  display: block;
}

html {
  font-size: 0.9375rem;
  scroll-behavior: smooth;
}

::selection {
  background-color: var(--od-steel);
  color: var(--od-light);
}