/*
 * Auricus brand accents (loaded after theme /css/style.css).
 * Brand kit: VC_Pitch/Marketing/brand/BRAND.md
 */

:root {
  --auricus-navy: #0f2a4a;
  --auricus-teal: #0f4c5c;
  --auricus-gold: #c8932a;
  --auricus-soft: #f4f1ea;
}

.auricus-highlight {
  border-left: 3px solid var(--auricus-gold);
  padding: 0.5rem 1rem;
  margin-bottom: 1.5rem;
  background: color-mix(in srgb, var(--auricus-gold) 10%, transparent);
  border-radius: 0 4px 4px 0;
}

main .container a {
  color: var(--auricus-teal);
  text-decoration: underline;
  text-decoration-thickness: 1px;
  text-underline-offset: 2px;
}

main .container a:hover {
  color: var(--auricus-gold);
}

main .container h1,
main .container h2 {
  color: var(--auricus-navy);
}