:root {
  --font-sans: 'Space Grotesk', sans-serif;
  --font-mono: 'IBM Plex Mono', monospace;
  --ink-strong: #16262d;
  --ink-soft: #526771;
  --ink-muted: #7d8f98;
  --accent-cool: #117a70;
  --accent-warm: #d66225;
  --panel-stroke: rgba(24, 64, 86, 0.08);
  color: var(--ink-strong);
  font-family: var(--font-sans);
  font-synthesis: none;
  font-weight: 400;
  line-height: 1.5;
  text-rendering: optimizeLegibility;
  -moz-osx-font-smoothing: grayscale;
  -webkit-font-smoothing: antialiased;
}

* {
  box-sizing: border-box;
}

html {
  min-width: 320px;
  min-height: 100%;
}

body {
  min-width: 320px;
  min-height: 100vh;
  margin: 0;
  background:
    radial-gradient(circle at 0% 0%, rgba(17, 122, 112, 0.08), transparent 24%),
    radial-gradient(circle at 100% 0%, rgba(214, 98, 37, 0.1), transparent 20%),
    linear-gradient(180deg, #f3f0e8 0%, #efebe0 48%, #ebe6d9 100%);
}

button,
input,
select,
textarea {
  font: inherit;
}

button {
  cursor: pointer;
}

a {
  color: inherit;
}

#root {
  min-height: 100vh;
}