:root {
  --blue: #0051FE;
  --blue-hover: #0046e0;
  --blue-pressed: #0038c2;
  --blue-disabled: #99b5ff;
  --blue-soft: #e8eeff;
  --white: #ffffff;
  --surface: #eef0f4;
  --border: #dddfe0;
  --ink: #0a0c0e;
  --orange: #ff7800;
  --red: #ec0b43;
  --ink-muted: #3f4650;
  --ink-faint: #6b7280;
  --warning-bg: #fff8e6;
  --warning-border: #e0c15a;
  --footer: #0a0c0e;

  --font: "Mona Sans", system-ui, -apple-system, sans-serif;
  --container: 1280px;

  --radius-sm: 8px;
  --radius-md: 12px;
  --radius-lg: 16px;
  --radius-pill: 999px;

  --shadow: 0 1px 2px rgba(10, 12, 14, 0.06);
  --space-1: 4px;
  --space-2: 8px;
  --space-3: 12px;
  --space-4: 16px;
  --space-5: 24px;
  --space-6: 32px;
  --space-7: 48px;
  --space-8: 64px;
}

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

html {
  scroll-behavior: smooth;
}

body {
  margin: 0;
  font-family: var(--font);
  font-size: 16px;
  line-height: 1.5;
  color: var(--ink);
  background: var(--white);
  -webkit-font-smoothing: antialiased;
}

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

a {
  color: var(--blue);
  text-decoration: none;
}

a:hover {
  text-decoration: underline;
}

button,
input,
select {
  font-family: inherit;
}

h1,
h2,
h3,
h4,
p {
  margin: 0;
}