:root {
  --color-primary: #06b6d4 !important;
  --color-primary-contrast: #001018 !important;

  --color-primary-dark-1: #0891b2 !important;
  --color-primary-dark-2: #0e7490 !important;
  --color-primary-dark-3: #155e75 !important;
  --color-primary-dark-4: #164e63 !important;
  --color-primary-dark-5: #083344 !important;
  --color-primary-dark-6: #083344 !important;
  --color-primary-dark-7: #083344 !important;

  --color-primary-light-1: #22d3ee !important;
  --color-primary-light-2: #67e8f9 !important;
  --color-primary-light-3: #a5f3fc !important;
  --color-primary-light-4: #cffafe !important;
  --color-primary-light-5: #ecfeff !important;
  --color-primary-light-6: #ecfeff !important;
  --color-primary-light-7: #ecfeff !important;

  --color-primary-alpha-10: #06b6d419 !important;
  --color-primary-alpha-20: #06b6d433 !important;
  --color-primary-alpha-30: #06b6d44b !important;
  --color-primary-alpha-40: #06b6d466 !important;
  --color-primary-alpha-50: #06b6d480 !important;
  --color-primary-alpha-60: #06b6d499 !important;
  --color-primary-alpha-70: #06b6d4b3 !important;
  --color-primary-alpha-80: #06b6d4cc !important;
  --color-primary-alpha-90: #06b6d4e1 !important;

  --color-primary-hover: #0891b2 !important;
  --color-primary-active: #0e7490 !important;

  --color-orange: #06b6d4 !important;
  --color-orange-light: #22d3ee !important;
  --color-orange-dark-1: #0891b2 !important;
  --color-orange-dark-2: #0e7490 !important;

  --color-orange-badge: #06b6d4 !important;
  --color-orange-badge-bg: #06b6d433 !important;
  --color-orange-badge-hover-bg: #06b6d466 !important;

  --color-accent: #22d3ee !important;
  --color-small-accent: #06b6d44b !important;
  --color-highlight-fg: #67e8f9 !important;
  --color-highlight-bg: #06b6d433 !important;

  accent-color: #06b6d4 !important;
}

@media (prefers-color-scheme: dark) {
  :root {
    --color-primary: #22d3ee !important;
    --color-primary-contrast: #001018 !important;

    --color-primary-dark-1: #67e8f9 !important;
    --color-primary-dark-2: #a5f3fc !important;
    --color-primary-dark-3: #cffafe !important;

    --color-primary-light-1: #06b6d4 !important;
    --color-primary-light-2: #0891b2 !important;
    --color-primary-light-3: #0e7490 !important;
    --color-primary-light-4: #155e75 !important;
    --color-primary-light-5: #164e63 !important;

    --color-primary-hover: #06b6d4 !important;
    --color-primary-active: #0891b2 !important;

    --color-orange: #06b6d4 !important;
    --color-orange-light: #22d3ee !important;
    --color-orange-dark-1: #0891b2 !important;
    --color-orange-dark-2: #0e7490 !important;

    --color-orange-badge: #06b6d4 !important;
    --color-orange-badge-bg: #06b6d433 !important;
    --color-orange-badge-hover-bg: #06b6d466 !important;

    --color-accent: #22d3ee !important;
    --color-small-accent: #06b6d44b !important;
    --color-highlight-fg: #67e8f9 !important;
    --color-highlight-bg: #06b6d433 !important;

    accent-color: #06b6d4 !important;
  }
}

#navbar-logo img {
  content: url("/assets/img/logo.png?v=2") !important;
  width: 30px !important;
  height: 30px !important;
  object-fit: contain !important;
}

#navbar-logo {
  width: 46px !important;
  min-width: 46px !important;
  height: 46px !important;
  background-image: url("/assets/img/logo.png?v=2") !important;
  background-repeat: no-repeat !important;
  background-position: center !important;
  background-size: 30px 30px !important;
}

#navbar-logo img {
  opacity: 0 !important;
  visibility: hidden !important;
}