:root {
  color-scheme: dark;
  --ink: #f3ead9;
  --ink-muted: #bfae94;
  --paper: #261a12;
  --paper-soft: #312218;
  --cabinet: #17110d;
  --brass: #d5a84d;
  --verdigris: #2d6f63;
  --lacquer: #a94834;
  --violet-glass: #514069;
  --line: rgba(243, 234, 217, 0.14);
  --shadow: 0 22px 70px rgba(0, 0, 0, 0.36);
  --radius: 8px;
  font-family:
    Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  background: var(--cabinet);
  color: var(--ink);
}

* {
  box-sizing: border-box;
}

body {
  margin: 0;
  min-width: 320px;
  min-height: 100vh;
  background:
    linear-gradient(90deg, rgba(213, 168, 77, 0.07) 1px, transparent 1px) 0 0 / 44px 44px,
    radial-gradient(circle at 20% 10%, rgba(45, 111, 99, 0.28), transparent 34%),
    linear-gradient(135deg, #17110d 0%, #251910 52%, #1b1518 100%);
}

button,
input {
  font: inherit;
}

button {
  cursor: pointer;
}