@import "tailwindcss";

:root {
  --paper: #f8f5ee;
  --paper-strong: #f0ebde;
  --ink: #12262b;
  --muted: #4d636b;
  --accent: #d36d3e;
}

@theme inline {
  --font-sans: var(--font-space-grotesk);
  --font-mono: var(--font-ibm-plex-mono);
}

* {
  box-sizing: border-box;
}

body {
  margin: 0;
  min-height: 100vh;
  background:
    radial-gradient(circle at 10% 0%, #ffe4c9 0%, transparent 35%),
    radial-gradient(circle at 90% 10%, #dbf4f1 0%, transparent 32%),
    var(--paper);
  color: var(--ink);
  font-family: var(--font-space-grotesk), sans-serif;
}

a {
  color: inherit;
  text-decoration: none;
}

::selection {
  background: #ffd8bf;
  color: #12262b;
}

section {
  scroll-margin-top: 110px;
}