/* know-know.org brand override, loaded after reveal/dist/theme/white.css.
   See docs/brand/README.md for source values. */

@font-face {
  font-family: "Epilogue";
  font-style: normal;
  font-weight: 300;
  src: url("fonts/epilogue_300.ttf") format("truetype");
  font-display: swap;
}
@font-face {
  font-family: "Epilogue";
  font-style: italic;
  font-weight: 300;
  src: url("fonts/epilogue_300italic.ttf") format("truetype");
  font-display: swap;
}
@font-face {
  font-family: "Epilogue";
  font-style: normal;
  font-weight: 500;
  src: url("fonts/epilogue_500.ttf") format("truetype");
  font-display: swap;
}
@font-face {
  font-family: "Epilogue";
  font-style: italic;
  font-weight: 500;
  src: url("fonts/epilogue_500italic.ttf") format("truetype");
  font-display: swap;
}

:root {
  --r-background-color: #f5f5f5;
  /* ~70% of the reveal.js white theme's default (42px). */
  --r-main-font-size: 29px;
  --r-main-font: "Epilogue", -apple-system, BlinkMacSystemFont, "Segoe UI",
    Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
  --r-main-color: #000000;
  --r-heading-font: "Epilogue", -apple-system, BlinkMacSystemFont, "Segoe UI",
    Roboto, Oxygen-Sans, Ubuntu, Cantarell, "Helvetica Neue", sans-serif;
  --r-heading-color: #000000;
  --r-heading-font-weight: 300;
  --r-heading-text-transform: none;
  --r-heading-letter-spacing: -0.02em;
  --r-link-color: #1c5191;
  --r-link-color-dark: #143c6d;
  --r-link-color-hover: #3d72ab;
}

.reveal {
  font-weight: 300;
}

.reveal strong, .reveal b {
  font-weight: 500;
}

/* know-know.org corner mark: persistent across every slide. Sits outside
   .reveal so it's unaffected by reveal.js's internal scaling transforms. */
.brand-logo {
  position: fixed;
  top: 20px;
  left: 20px;
  height: 32px;
  z-index: 40;
  pointer-events: none;
}