:root {
  color-scheme: light;
  --paper: #eef3f0;
  --paper-2: #e1ebe6;
  --ink: #17201b;
  --ink-soft: #445047;
  --muted: #6f796f;
  --line: #cbd8d1;
  --line-2: #b9c8c0;
  --surface: #ffffff;
  --surface-2: #f6f9f7;
  --leaf: #2f7d4d;
  --leaf-2: #dcebd9;
  --green: #2f7d4d;
  --cold: #2f6f90;
  --cold-2: #dbe9ef;
  --sun: #c98720;
  --sun-2: #f1e1bd;
  --amber: #c98720;
  --danger: #b94a3a;
  --danger-2: #f0d6cf;
  --red: #b94a3a;
  --shadow: 0 12px 28px rgba(24, 52, 39, 0.10);
  --sans: -apple-system, BlinkMacSystemFont, "Segoe UI", Inter, Roboto, sans-serif;
  --mono: "SF Mono", "JetBrains Mono", ui-monospace, Menlo, Consolas, monospace;
  --safe-bottom: env(safe-area-inset-bottom, 0px);
  --safe-top: env(safe-area-inset-top, 0px);
  --nav-h: calc(70px + var(--safe-bottom));
}

* {
  box-sizing: border-box;
}

html,
body {
  margin: 0;
  min-height: 100%;
  background: var(--paper);
  color: var(--ink);
  font-family: var(--sans);
  font-size: 16px;
  line-height: 1.35;
  -webkit-font-smoothing: antialiased;
  -webkit-tap-highlight-color: transparent;
}

body {
  min-height: 100dvh;
  overflow: hidden;
}

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

button {
  border: 0;
}

canvas {
  display: block;
}

.mono {
  font-family: var(--mono);
}