@font-face {
  font-family: "Best Manrope";
  src: url("../fonts/Manrope-latin-variable.woff2") format("woff2");
  font-weight: 400 800;
  font-style: normal;
  font-display: swap;
}
:root {
  --bit-bg: #ffFAf6;
  --bit-surface: #ffffff;
  --bit-ink: #211710;
  --bit-muted: #6b5d56;
  --bit-primary: #c83e1b;
  --bit-primary-hover: #a93116;
  --bit-soft: #fff0e5;
  --bit-accent: #ff9855;
  --bit-line: #e7dcd5;
  --bit-input-line: #89776d;
  --bit-error: #a12d35;
  --bit-font: "Best Manrope", system-ui, -apple-system, "Segoe UI", sans-serif;
  --bit-text: 1rem;
  --bit-h1: clamp(2.125rem, 1.35rem + 3.4vw, 4rem);
  --bit-h2: clamp(1.75rem, 1.25rem + 2vw, 2.75rem);
  --bit-h3: clamp(1.25rem, 1.1rem + .6vw, 1.625rem);
  --bit-radius: 1rem;
  --bit-button-radius: .65rem;
  --bit-space-1: .5rem;
  --bit-space-2: 1rem;
  --bit-space-3: 1.5rem;
  --bit-space-4: 2rem;
  --bit-section-space: clamp(3rem, 6vw, 5.5rem);
  --bit-container: 75rem;
  --bit-gutter: clamp(1.25rem, 4vw, 2.5rem);
  --bit-shadow: 0 8px 28px rgb(32 40 38 / 5%);
}

:root { color-scheme: light; --bit-on-primary: #fff; }
:root[data-theme="dark"] {
  color-scheme: dark;
  --bit-bg: #101116; --bit-surface: #171419; --bit-ink: #f8f6f4;
  --bit-muted: #c2b6af; --bit-primary: #ff9567; --bit-primary-hover: #ffb18e;
  --bit-soft: #2b1d19; --bit-accent: #ffb78e; --bit-line: #473730;
  --bit-input-line: #9b8478; --bit-error: #ff9da4; --bit-on-primary: #211710;
  --bit-shadow: 0 8px 28px rgb(0 0 0 / 15%);
}