:root {
  --color-accent: #8082F8;
  --background: #FFF5EE;

  --r-main-font: 'Bueno';
  --r-heading-font: 'Bueno';
  --r-code-font: 'JetBrains Mono';
  --r-link-color: var(--color-accent);
  --r-link-color-hover: var(--color-accent);

  --r-background-color: var(--background);
}

body {
  &.reveal-viewport {
    /* background-color: var(--background); */
  }
  font-family: var(--r-main-font);
  text-transform: uppercase;

}

.reveal .controls {
  color: var(--color-accent) !important;
}


.hljs {
  background: none;
}

.hljs-title,
.hljs-keyword {
  font-weight: normal;
}

.reveal pre,
.reveal code {
  overflow: hidden !important;
}

.reveal pre {
  box-shadow: none;
}

.hljs-attribute {
  color: #c9d1d9 !important;
}

.progress {
  background-color: color-mix(in srgb, var(--color-accent) 50%, transparent) !important;
  color: var(--color-accent) !important;
}

.hide {
  opacity: 0;
}

.slide-number {
  background-color: var(--color-accent) !important;
  bottom: unset !important;
  font-family: inherit !important;
  font-size: 0.9rem !important;
  font-weight: 600 !important;
  position: absolute !important;
  top: var(--padding) !important;
  left: var(--padding) !important;
  right: unset !important;
  border-radius: 0.25rem !important;
  padding: 0.25rem 0.25rem 0.1rem !important;
  /* opacity: 0.3; */
  a {
    text-decoration: none !important;
  }
}

.reveal pre code {
  font-size: 3em;
}


.reveal-item:has( + .visible) {
  rotate: var(--rotate);
}