@font-face {
  font-family: "Onest";
  src: url("/brand-assets/onest-latin.woff2") format("woff2");
  font-style: normal;
  font-weight: 100 900;
  font-display: swap;
}

:root {
  --font-family-sans: "Onest", "Segoe UI", Arial, sans-serif;
  --we-canvas: #f6f8f2;
  --we-paper: #fcfdfa;
  --we-surface-sage: #deeadd;
  --we-ink: #0b2826;
  --we-ink-soft: #324441;
  --we-muted: #606c66;
  --we-sage: #7b8e7b;
  --we-lime: #b9e365;
  --we-coral: #f07456;
  --we-blue: #0da1de;
  --we-amber: #e6b14e;
  --w-500: #7b8e7b;
  --w-600: #0b2826;
  --w-700: #173338;
  --color-woot-25: #f6f8f2;
  --color-woot-50: #deeadd;
  --color-woot-500: #7b8e7b;
  --color-woot-600: #0b2826;
  --color-woot-700: #173338;
}

html,
body,
button,
input,
textarea,
select {
  font-family: "Onest", "Segoe UI", Arial, sans-serif !important;
  letter-spacing: 0 !important;
}

body {
  background: var(--we-canvas) !important;
}

.dark body,
body.dark,
[data-theme='dark'] body {
  background: var(--we-ink) !important;
}

a,
.text-woot-500,
.text-blue-500,
.text-n-blue-text {
  color: var(--we-blue) !important;
}

button[type='submit'],
.bg-woot-500,
.bg-blue-500,
.bg-n-blue-9 {
  background-color: var(--we-sage) !important;
}

.border-woot-500,
.border-blue-500,
.border-n-blue-9 {
  border-color: var(--we-lime) !important;
}

.rounded-xl,
.rounded-lg {
  border-radius: 5px !important;
}