/* Qxopa wordmark — Fredoka Regular 400 (self-hosted, always on) */
@font-face {
  font-family: "Fredoka";
  font-style: normal;
  font-weight: 400;
  font-display: block;
  src: url("/static/fonts/Fredoka-Regular.ttf") format("truetype");
}

/* Lightest Fredoka we ship — use for profile display names (Ken: ~200) */
@font-face {
  font-family: "Fredoka";
  font-style: normal;
  font-weight: 200;
  font-display: swap;
  src: url("/static/fonts/Fredoka-Light.ttf") format("truetype");
}
@font-face {
  font-family: "Fredoka";
  font-style: normal;
  font-weight: 300;
  font-display: swap;
  src: url("/static/fonts/Fredoka-Light.ttf") format("truetype");
}

/* Brand wordmark — NEVER gated on theme-dark */
.wordmark,
.brand-word,
.brand-word .wordmark,
a.brand-word,
.auth-brand,
.auth-mark,
.auth-wrap h1,
.auth-wrap .auth-brand,
.logo,
.logo.wordmark,
.topchrome .wordmark,
.topbar .wordmark,
.mock-top .wordmark,
.nuevo-title,
html .wordmark,
html.theme-dark .wordmark,
html.theme-dark .auth-brand {
  font-family: "Fredoka", system-ui, sans-serif !important;
  font-weight: 400 !important;
  font-style: normal !important;
  letter-spacing: -0.02em !important;
  text-transform: none !important;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.auth-brand,
.auth-mark {
  font-size: 42px !important;
  line-height: 1 !important;
  text-align: center;
}
.wordmark,
.topchrome .wordmark,
.brand-word .wordmark {
  font-size: 28px !important;
  line-height: 1 !important;
}


/* Profile display name — same Fredoka as qxopa wordmark, light weight */
.profile-name,
.mock-profile-name,
h1.profile-name,
h1.mock-profile-name,
.profile-hero .profile-name,
.profile-hero .mock-profile-name,
.profile-hero h1,
html.theme-dark .profile-name,
html.theme-dark .mock-profile-name,
html.theme-dark h1.profile-name,
html.theme-dark h1.mock-profile-name,
html.theme-dark .profile-hero .profile-name,
html.theme-dark .profile-hero .mock-profile-name,
html.theme-dark .profile-hero h1 {
  font-family: "Fredoka", system-ui, sans-serif !important;
  font-weight: 200 !important;
  font-style: normal !important;
  letter-spacing: -0.02em !important;
  text-transform: none !important;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}