@import url('https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,700;1,700&Hanken+Grotesk:ital,wght@0,100..900;1,100..900&family=Roboto:ital,wght@0,100;0,300;0,400;0,500;0,700;0,900;1,100;1,300;1,400;1,500;1,700;1,900&display=swap');

:root {
  --main-bg-color: 255,255,255;
  --main-fg-color: 87, 87, 87;
  --header-bg-color: 255,255,255;
  --header-fg-color: 87,87,87;
  --footer-bg-color: 255,255,255;
  --footer-fg-color: 87,87,87;
  --player-bg-color: 255,255,255;
  --player-fg-color: 87,87,87;
  --episode-bg-color: 255,255,255;
  --episode-fg-color: 87,87,87;
  --section-bg-color: 255,255,255;
  --section-fg-color: 87,87,87;
  --excerpt-bg-color: 255,255,255;
  --excerpt-fg-color: 87,87,87;
  --person-bg-color: 255,255,255;
  --person-fg-color: 87,87,87;
  --font-transcript: 'Roboto', sans-serif;
  --font-titles: 'Hanken Grotesk', sans-serif;
  --font-texts: 'Hanken Grotesk', sans-serif;
}

body.dark-mode {
  --main-bg-color: 0,0,0;
  --main-fg-color: 228,218,208;
  --header-bg-color: 87,87,87;
  --header-fg-color: 228,218,208;
  --footer-bg-color: 0,0,0;
  --footer-fg-color: 148, 146, 146;
  --player-bg-color: 29,29,31;
  --player-fg-color: 228,218,208;
  --episode-bg-color: 9,9,11;
  --episode-fg-color: 228,218,208;
  --section-bg-color: 0,0,0;
  --section-fg-color: 255,204,197;
  --excerpt-bg-color: 0,0,0;
  --excerpt-fg-color: 228,218,208;
  --person-bg-color: 228,218,208;
  --person-fg-color:  28,18,19;
}


#conversa-header, .menu-toggle, .footer {
  display: none !important;
}

#show {
  top: 0;
}

#show-header {
  position: fixed;
  padding: 0.2em 0;
  top: 0;
}

.episode-meta {
  display: none;
}

.header a.podcast-name {
  color: var(--font-titles);
  font-family: var(--font-titles);
  font-weight: 100;
  text-transform: uppercase;
  font-size: 1em;
}

.episode-name {
  font-weight: 100;
}