:root {
  --green-900: #243f37;
  --green-800: #31564b;
  --green-700: #3e6354;
  --green-600: #4a7667;
  --green-100: #e7f1e9;
  --green-050: #f4f8f5;
  --white: #ffffff;
  --ink: #173028;
  --muted: #64736d;
  --line: rgba(36, 63, 55, 0.12);
  --radius-xl: 34px;
  --radius-lg: 24px;
  --topbar-height: 76px;
}

*,
*::before,
*::after {
  box-sizing: border-box;
}

html {
  scroll-behavior: smooth;
}

body {
  min-height: 100vh;
  margin: 0;
  color: var(--ink);
  background:
    radial-gradient(circle at top left, rgba(231, 241, 233, 0.98), transparent 34%),
    radial-gradient(circle at 85% 10%, rgba(74, 118, 103, 0.13), transparent 28%),
    linear-gradient(180deg, #fbfdfb 0%, #f5f8f6 100%);
  font-family: "Montserrat", Arial, sans-serif;
}

button,
input {
  font: inherit;
}

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

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

h1,
h2,
h3,
h4,
h5,
h6 {
  font-family: "roc-grotesk-wide", Arial, sans-serif;
}