/* ==========================================================================
   Shared tokens — light theme
   Used by the page and every component. Nav-specific sizes live on `.bd-nav`.
   Spacing scale: 4, 8, 12, 16, 20, 24, 32.
   Type: 16px base, 14px floor.
   ========================================================================== */

/* Official Inter 4.1 from https://rsms.me/inter/ — files in fonts/ */
@font-face {
  font-family: InterVariable;
  font-style: normal;
  font-weight: 100 900;
  font-display: swap;
  src: url("../fonts/InterVariable.woff2") format("woff2");
}

@font-face {
  font-family: InterVariable;
  font-style: italic;
  font-weight: 100 900;
  font-display: swap;
  src: url("../fonts/InterVariable-Italic.woff2") format("woff2");
}

:root {
  --bd-bg-page: #F8F8F8;
  --bd-bar-bg: #e9e9e9;
  --bd-bar-bg-open: #ededed;
  --bd-surface: #ffffff;

  --bd-text: #000000;
  --bd-text-2: #252B37;

  --bd-accent: #6434d8;
  --bd-accent-hi: #763dff;
  --bd-on-accent: #ffffff;

  --bd-overlay: rgba(0, 0, 0, 0.7);

  --bd-radius: 8px;
  --bd-radius-sm: 8px;

  --bd-text-base: 16px;
  --bd-text-sm: 14px;
  --bd-text-lead: 20px;
  --bd-font: InterVariable, sans-serif;
  --bd-weight-display: 300;
  --bd-weight-value: 200;

  --bd-space-1: 4px;
  --bd-space-2: 8px;
  --bd-space-3: 12px;
  --bd-space-4: 16px;
  --bd-space-5: 20px;
  --bd-space-6: 24px;
  --bd-space-8: 32px;

  --bd-inset: clamp(16px, 3.6vw, 48px);
  --bd-content: 1440px;
  --bd-page-pad: 20px;
  --bd-dur: 0.3s;
  --bd-ease: ease;
}

/* Shared content column. Body keeps 20px page padding; this box is
   1440px max and centered in whatever is left. */
.bd-wrap {
  width: 100%;
  max-width: var(--bd-content);
  margin-inline: auto;
}