@import url("https://fonts.googleapis.com/css2?family=Inter+Tight:ital,wght@0,400;0,500;0,600;0,700;0,800;0,900;1,500;1,700&family=Inter:ital,wght@0,400;0,500;0,600;0,700;0,800;1,500;1,700&display=swap");

:root {
  --musicoo-tc-body: "Inter", "Inter Tight", Arial, Helvetica, sans-serif;
  --musicoo-tc-display: "Inter Tight", "Inter", Arial, Helvetica, sans-serif;
  --font-sans: var(--musicoo-tc-body);
  --mh-body-font: var(--musicoo-tc-body);
  --mh-display-font: var(--musicoo-tc-display);
  --md-display: var(--musicoo-tc-display);
  --md-admin-display: var(--musicoo-tc-display);
  --md-admin-body: var(--musicoo-tc-body);
}

html,
body,
#root,
button,
input,
select,
textarea,
a {
  font-family: var(--musicoo-tc-body) !important;
}

h1,
h2,
h3,
h4,
h5,
h6,
.font-display,
[class*="font-display"],
.md-hero h1,
.md-panel h2,
.md-admin-hero h2,
.mh-hero-title,
.mh-section-title,
.mh-wordmark,
.sl-hero h1,
.sl-selected h2,
.sl-public-card h1 {
  font-family: var(--musicoo-tc-display) !important;
  letter-spacing: 0 !important;
}

strong,
b,
.font-bold,
.font-extrabold,
.font-black {
  font-family: var(--musicoo-tc-display) !important;
}