:root {
  --accent-rgb: 199, 125, 255;
  --accent-solid: #c77dff;
  --accent-soft: #e0aaff;
  --accent-deep: #2a103f;
}

html,
body,
.font-sans {
  font-family: Ubuntu, "Ubuntu Sans", "Segoe UI", sans-serif !important;
  font-feature-settings: normal !important;
}

a:hover {
  color: var(--accent-solid);
}

.text-teal-300,
.hover\:-text-teal-300:hover {
  color: var(--accent-solid) !important;
}

.bg-teal-400\/10 {
  background-color: rgba(var(--accent-rgb), 0.12) !important;
}

.company-accent {
  color: var(--accent-soft) !important;
  font-weight: 500 !important;
}

.nav .group:hover .nav-text,
.nav .group:focus-visible .nav-text {
  color: var(--accent-soft) !important;
}

.profile-photo-wrap {
  margin-bottom: 1.5rem;
}

.profile-photo {
  width: 96px !important;
  height: 96px !important;
  min-width: 96px !important;
  min-height: 96px !important;
  max-width: 96px !important;
  max-height: 96px !important;
}

.spotlight-overlay {
  background: radial-gradient(600px circle at 0px 0px, rgba(29, 78, 216, 0.15), transparent 80%);
}

@media (min-width: 1024px) {
  .profile-photo {
    width: 160px !important;
    height: 160px !important;
    min-width: 160px !important;
    min-height: 160px !important;
    max-width: 160px !important;
    max-height: 160px !important;
  }
}

::selection {
  background-color: var(--accent-solid) !important;
  color: var(--accent-deep) !important;
}

::-moz-selection {
  background-color: var(--accent-solid) !important;
  color: var(--accent-deep) !important;
}