:root {
  --su-accent: #0c5c7a;
  --su-accent-dark: #083d52;
  --su-sand: #f6f3ed;
}

.navbar {
  border-bottom: 3px solid var(--su-accent);
}

.quarto-title-banner {
  background: linear-gradient(135deg, var(--su-accent-dark), var(--su-accent));
}

.hero-note {
  padding: 1rem 1.25rem;
  border-left: 4px solid var(--su-accent);
  background: var(--su-sand);
  margin: 1.25rem 0;
}