@import url("./appearance.css");

@font-face {
  font-family: "Geist";
  src: url("/immutable/198400de6b4677b6/assets/fonts/geist-variable.woff2") format("woff2");
  font-style: normal;
  font-weight: 100 900;
  font-display: swap;
}

:root {
  --vnu-green: #007a46;
  --vnu-green-bright: #00995a;
  --vnu-green-dark: #005f38;
  --vnu-green-deep: #004c2f;
  --vnu-green-soft: #e7f5ed;
  --vnu-green-wash: #f4f9f6;
  --vnu-green-line: #d5e5dc;
  --vnu-ink: #14372a;
  --vnu-copy: #365548;
  --vnu-muted: #5f746a;
  --vnu-paper: #ffffff;
  --vnu-canvas: #f5f9f7;
  --vnu-dark-canvas: #071710;
  --vnu-dark-surface: #10271b;
  --vnu-dark-line: #294837;
  --vnu-dark-text: #edf7f1;
  --vnu-dark-muted: #a9bdb2;
  --type-detail: 0.875rem;
  --type-label: 1rem;
  --type-body: 1.0625rem;
  --type-lead: clamp(1.125rem, 1.45vw, 1.25rem);
  --type-feature: clamp(1.25rem, 1.8vw, 1.5rem);
  --font-display: "Geist", "Segoe UI", Arial, sans-serif;
  --font-body: "Geist", "Segoe UI", Arial, sans-serif;
  --font-utility: "Geist", "Segoe UI", Arial, sans-serif;
  font-family: var(--font-body);
}

html,
body,
button,
input,
select,
textarea {
  font-family: var(--font-body);
}