:root {
  --uofu-red: #be0000;
  --uofu-black: #111111;
  --uofu-white: #ffffff;
  --uofu-cinder: #707271;
  --uofu-cloud: #f6f7f8;
  --uofu-red-soft: #f7e8e8;
}

.reveal {
  color: var(--uofu-black);
  background:
    radial-gradient(circle at 100% 0%, #f4f4f4 0%, #ffffff 42%),
    linear-gradient(180deg, #ffffff 0%, var(--uofu-cloud) 100%);
}

.reveal h1,
.reveal h3,
.reveal h4 {
  color: var(--uofu-black);
  letter-spacing: 0.01em;
  text-transform: none;
}

.reveal h2 {
  color: var(--uofu-black);
  letter-spacing: 0.01em;
  text-transform: none;
}

.reveal .title-slide h1,
.reveal .quarto-title-block .title {
  color: var(--uofu-red);
}

.reveal strong {
  color: var(--uofu-red);
}

.reveal a {
  color: #8f0000;
  text-decoration-color: rgba(143, 0, 0, 0.35);
}

.reveal a:hover {
  color: var(--uofu-red);
}

.reveal ul li::marker,
.reveal ol li::marker {
  color: var(--uofu-red);
}

.reveal .slide-number {
  background: rgba(190, 0, 0, 0.9);
  color: var(--uofu-white);
  border-radius: 999px;
  padding: 0.18em 0.55em;
  display: block !important;
  visibility: visible !important;
  opacity: 1 !important;
  z-index: 40;
  right: 14px !important;
  bottom: 14px !important;
}

.reveal .progress {
  color: var(--uofu-red);
  height: 5px;
}

.reveal .callout-note {
  border-left: 4px solid #2563eb;
  background: #eff6ff;
  border-radius: 8px;
  box-shadow: 0 8px 16px rgba(17, 17, 17, 0.06);
}

.reveal .callout-note .callout-title,
.reveal .callout-note .callout-title strong,
.reveal .callout-note .callout-icon {
  color: #2563eb !important;
}

.reveal .callout-important {
  border-left: 6px solid var(--uofu-red);
  background: #fde8e8;
  border-radius: 8px;
  box-shadow: 0 8px 16px rgba(17, 17, 17, 0.06);
}

.reveal code {
  color: #8f0000;
}

.reveal pre code {
  color: #1f2328;
}