@import url("https://fonts.googleapis.com/css2?family=Cormorant+Garamond:wght@500;600;700&family=Lato:wght@400;600;700;900&family=Libre+Baskerville:wght@400;700&display=swap");

:root,
:host {
  --atelier-brand-font: "Libre Baskerville", Georgia, "Times New Roman", serif !important;
  --atelier-title-font: "Cormorant Garamond", Georgia, "Times New Roman", serif !important;
  --atelier-body-font: "Lato", "Nunito", Arial, sans-serif !important;
  --font-sans: var(--atelier-body-font) !important;
  --default-font-family: var(--atelier-body-font) !important;
}

body,
button,
input,
textarea,
select,
.font-sans,
.cxory-game,
.cxory-lux,
.cxory-auth-shell,
.cxory-mobile-content-shell {
  font-family: var(--atelier-body-font) !important;
}

h1,
h2,
h3,
.cxory-hero-title,
.cxory-question-title,
.cxory-map-label > div:first-child,
.cxory-panel h1,
.cxory-panel h2,
.cxory-panel h3,
.cxory-result-view h2,
.cxory-video-view h2 {
  font-family: var(--atelier-title-font) !important;
}

.cxory-auth-card h1,
.cxory-mobile-header-title,
.cxory-sidebar > div:first-child,
.cxory-lux header h1 {
  font-family: var(--atelier-brand-font) !important;
}