:root {
  --brand-primary: #bde296;
  --brand-primary-dark: #a9d77b;
  --brand-ink: #253224;
  --brand-muted: rgba(37, 50, 36, 0.68);
  --brand-border: rgba(37, 50, 36, 0.1);
  --brand-bg: #f7f8f3;
  --brand-surface: rgba(255, 255, 255, 0.96);
  --brand-surface-soft: rgba(255, 255, 255, 0.82);
  --brand-shadow: 0 14px 34px rgba(37, 50, 36, 0.06);
  --font-family-brand: "AvenirNextCyr", Arial, sans-serif;
}

html,
body {
  background: var(--brand-bg);
  color: var(--brand-ink);
  font-family: var(--font-family-brand);
}

body {
  margin: 0;
}

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