/* Canonical Premium typography: local Bangers for comic labels, Fredoka for UI. */
@font-face {
  font-family: "Bangers";
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url("/dashboard/static/fonts/Bangers-Regular-LatinExt.woff2") format("woff2");
  unicode-range: U+0100-024F, U+1E00-1EFF, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}

@font-face {
  font-family: "Bangers";
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url("/dashboard/static/fonts/Bangers-Regular-Latin.woff2") format("woff2");
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2190, U+2191, U+2192, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

:root {
  --font-display: "Bangers", cursive;
  --font-interface: "Fredoka", system-ui, sans-serif;
  --font-ui: var(--font-interface);
  --font-cartoon: var(--font-display);
}

body.premium-page,
body.premium-page p,
body.premium-page small,
body.premium-page input,
body.premium-page select,
body.premium-page textarea,
body.premium-page .plan-card__description,
body.premium-page .premium-hero__subtitle,
body.premium-page .plan-description,
body.premium-page .plan-price span {
  font-family: var(--font-interface) !important;
  letter-spacing: normal !important;
}

body.premium-page h1,
body.premium-page h2,
body.premium-page h3,
body.premium-page h4,
body.premium-page button,
body.premium-page [role="button"],
body.premium-page .premium-eyebrow,
body.premium-page .section-kicker,
body.premium-page .plan-card__badge,
body.premium-page .plan-card__heading h2,
body.premium-page .plan-button,
body.premium-page .selected-plan__title,
body.premium-page th,
body.premium-page nav a {
  font-family: var(--font-display) !important;
  font-weight: 400 !important;
  letter-spacing: .04em !important;
  font-synthesis: none;
}

/* Monthly and annual plan names intentionally remain clean and unoutlined. */
body.premium-page .plan-card__heading h2 {
  -webkit-text-stroke: 0 !important;
  paint-order: normal;
  text-shadow: none !important;
}

body.premium-page .premium-brand__text {
  font-family: var(--font-interface) !important;
  font-weight: 700 !important;
  font-size: 1.42rem !important;
  letter-spacing: normal !important;
  -webkit-text-stroke: 0 !important;
  text-shadow: none !important;
}