@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Fraunces:opsz,wght@9..144,600;9..144,700&display=swap');

:root {
  font-family: 'DM Sans', sans-serif;
  color: #18231f;
  background: #f2f5f2;
  font-synthesis: none;
  text-rendering: optimizeLegibility;
  -webkit-font-smoothing: antialiased;
  --ink: #18231f;
  --muted: #6f7d76;
  --faint: #94a099;
  --line: #dfe6e1;
  --surface: #ffffff;
  --canvas: #f2f5f2;
  --green: #197451;
  --green-dark: #123d30;
  --mint: #c8eadb;
  --mint-soft: #e8f6ef;
  --coral: #ef795f;
  --coral-soft: #fcedea;
  --yellow: #e7b94c;
  --yellow-soft: #fff4d6;
  --blue: #608db4;
  --blue-soft: #e7f1f8;
  --shadow: 0 16px 45px rgba(28, 49, 40, 0.09);
  letter-spacing: 0;
}

* {
  box-sizing: border-box;
}

html {
  min-width: 320px;
  background: var(--canvas);
}

body {
  margin: 0;
  min-width: 320px;
  min-height: 100vh;
  background:
    linear-gradient(120deg, rgba(200, 234, 219, 0.18), transparent 32%),
    var(--canvas);
}

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

button {
  letter-spacing: 0;
}

button,
a,
input,
select,
textarea {
  -webkit-tap-highlight-color: transparent;
}

button:focus-visible,
input:focus-visible,
select:focus-visible,
textarea:focus-visible {
  outline: 3px solid rgba(25, 116, 81, 0.24);
  outline-offset: 2px;
}

img {
  display: block;
  max-width: 100%;
}

#root {
  min-height: 100vh;
}