:root {
  --jph-bg: #f7f2e8;
  --jph-ink: #1c1917;
  --jph-muted: #6b6258;
  --jph-panel: #fffaf1;
  --jph-border: #d8ccb9;
  --jph-accent: #1f7a6d;
  --jph-accent-dark: #12594f;
  --jph-coral: #d95f43;
  --jph-blue: #315f8c;
  --jph-radius: 8px;
  --jph-shadow: 0 18px 45px rgb(47 38 26 / 12%);
}

* {
  box-sizing: border-box;
}

html {
  color: var(--jph-ink);
  background: var(--jph-bg);
  font-family:
    Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI",
    sans-serif;
}

body {
  margin: 0;
  min-height: 100vh;
}

a {
  color: inherit;
}

button,
input,
select {
  font: inherit;
}