@font-face {
  font-family: "Outfit";
  src: url("./Outfit.woff2") format("woff2");
  font-style: normal;
  font-weight: 100 900;
  font-display: swap;
}
:root {
  --gowe-navy: #0f2d68;
  --gowe-blue: #2353ff;
  --gowe-cyan: #00c2ff;
  --gowe-mint: #14d1a7;
  --gowe-ice: #ebfaff;
  --ink: var(--gowe-navy);
  --brand: var(--gowe-blue);
  --mint: var(--gowe-mint);
  --muted: #526580;
  --border: #d8e5f2;
  --bg: #f5faff;
  --font-brand: "Outfit", system-ui, sans-serif;
  --radius-control: 10px;
  --radius-card: 16px;
  font-family: var(--font-brand);
}
.brand-image {
  display: block;
  width: 202px;
  height: 48px;
  object-fit: contain;
}
.brand-mark {
  display: block;
  width: 40px;
  height: 32px;
  object-fit: contain;
}
.brand-compact {
  display: none;
}
@media (max-width: 370px) {
  .public-header .brand-image {
    display: none;
  }
  .public-header .brand-compact {
    display: block;
    width: 44px;
    height: 40px;
  }
}