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

:root {
  --brand-deep: #006391;
  --brand-cyan: #00ace5;
  --brand-wordmark: #009ed0;
  --brand-graphite: #55565a;
  --brand-ink: #24343c;
  --brand-muted: #68777e;
  --brand-faint: #71848c;
  --brand-page: #edf7fa;
  --brand-surface: #ffffff;
  --brand-surface-soft: #f5fafb;
  --brand-border: #d8e6eb;
  --brand-border-strong: #b9ced6;
  --brand-shadow: 0 18px 50px rgba(0, 99, 145, 0.09);
  --brand-radius-sm: 6px;
  --brand-radius-md: 10px;
  --brand-font: "InterVariable", Inter, "PingFang SC", "Microsoft YaHei", ui-sans-serif, system-ui, sans-serif;
  --brand-mono: "SFMono-Regular", Consolas, "Liberation Mono", monospace;
}