:root {
  --color-white: #ffffff;
  --color-ink: #11100e;
  --color-primary: #187c29;
  --color-primary-dark: #126020;
  --color-apple: #7eb717;
  --color-brown: #a4501f;
  --color-danger: #c31a17;
  --color-forest: #0f3d1c;
  --color-forest-deep: #0a2a14;
  --color-surface: #f5f9f2;
  --color-border: #dbe6d6;
  --color-text: #11100e;
  --color-text-muted: #5f6b5f;
  --color-text-light: #d5e6d0;

  --font-family: "Segoe UI", system-ui, -apple-system, Roboto, Arial, sans-serif;

  --fs-xs: 0.75rem;
  --fs-sm: 0.8125rem;
  --fs-md: 0.875rem;
  --fs-lg: 1rem;
  --fs-xl: 1.375rem;
  --fs-2xl: 2.25rem;

  --fw-regular: 400;
  --fw-medium: 500;
  --fw-bold: 700;

  --radius-md: 0.75rem;
  --radius-lg: 1.5rem;
}

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

html {
  font-size: 16px;
}

body {
  font-family: var(--font-family);
  font-size: var(--fs-md);
  font-weight: var(--fw-regular);
  color: var(--color-text);
  background-color: var(--color-brown);
}

a {
  text-decoration: none;
}

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