@import url("https://fonts.googleapis.com/css2?family=Syne:wght@400;600;700;800&family=Inter:wght@300;400;500;600;700&display=swap");

:root {
  --cz-brand-navy: #0A1628;
  --cz-brand-navy-2: #111E35;
  --cz-brand-navy-3: #1E2F4A;
  --cz-brand-accent: #00D4AA;
  --cz-brand-accent-2: #00B894;
  --cz-brand-muted: #8A9BB5;
  --cz-brand-white: #FFFFFF;
}

html,
body {
  font-family: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
  color: var(--cz-brand-white);
}

h1,
h2,
h3,
h4,
h5,
h6,
.logo,
.brand-title {
  font-family: "Syne", "Inter", sans-serif;
  letter-spacing: -0.01em;
}

.btn,
.btn-primary,
.btn-login {
  border-radius: 10px;
}

.nav-link {
  border-radius: 8px;
}