@font-face {
  font-family: "Inter";
  font-style: normal;
  font-weight: 100 900;
  font-display: swap;
  src: url("/static/fonts/inter-variable.woff2?v=inter-1") format("woff2");
}

@font-face {
  font-family: "Inter";
  font-style: italic;
  font-weight: 100 900;
  font-display: swap;
  src: url("/static/fonts/inter-variable-italic.woff2?v=inter-1") format("woff2");
}

@font-face {
  font-family: "Inter Tight";
  font-style: normal;
  font-weight: 100 900;
  font-display: swap;
  src: url("/static/fonts/inter-tight-variable.woff2?v=inter-tight-1") format("woff2");
}

:root {
  /* Self-host Inter for a clean cross-platform look instead of Windows Segoe UI. */
  --font-sans: "Inter", system-ui, -apple-system, BlinkMacSystemFont, "Helvetica Neue", Arial, sans-serif;
  --font-heading: "Inter Tight", var(--font-sans);
}

/* Keep header branding airy with Inter; use Inter Tight only where compact labels help. */
.class-name,
.card-title,
.target-title-line strong,
.account-name,
.user-popover-title,
.week-column-header,
.day-header {
  font-family: var(--font-heading);
}