/* myBudgie v1.1.25: Hero text base color and true internal letter lighting fix */

.hero-brand-name,
.topbar .subtitle{
  background-color:transparent!important;
  background-repeat:no-repeat!important;
  background-origin:border-box!important;
  -webkit-background-clip:text!important;
  background-clip:text!important;
  -webkit-text-fill-color:transparent!important;
  box-decoration-break:clone;
  -webkit-box-decoration-break:clone;
}

.hero-brand-name::before,
.hero-brand-name::after,
.topbar .subtitle::before,
.topbar .subtitle::after{
  content:none!important;
}

.hero-brand-name{
  background-image:
    linear-gradient(105deg,
      rgba(214,222,231,.86) 0%,
      rgba(214,222,231,.86) 24%,
      color-mix(in srgb,var(--accent),#a8bac8 58%) 39%,
      color-mix(in srgb,var(--accent),#dceaf1 72%) 50%,
      color-mix(in srgb,var(--accent),#aebfcb 62%) 61%,
      rgba(204,215,225,.88) 76%,
      rgba(214,222,231,.86) 100%)!important;
  background-size:260% 100%!important;
  color:rgba(225,230,235,.88)!important;
}

.topbar .subtitle{
  display:inline-block!important;
  inline-size:fit-content!important;
  max-inline-size:min(34rem,100%)!important;
  background-image:
    linear-gradient(105deg,
      rgba(18,28,38,.96) 0%,
      rgba(18,28,38,.96) 30%,
      color-mix(in srgb,rgba(18,28,38,.96),var(--accent) 38%) 43%,
      color-mix(in srgb,var(--accent),rgba(18,28,38,.92) 36%) 52%,
      color-mix(in srgb,rgba(18,28,38,.96),var(--accent) 31%) 62%,
      rgba(18,28,38,.96) 78%,
      rgba(18,28,38,.96) 100%)!important;
  background-size:235% 100%!important;
  color:rgba(18,28,38,.96)!important;
  border:0!important;
  box-shadow:none!important;
  backdrop-filter:none!important;
  -webkit-backdrop-filter:none!important;
  text-shadow:0 1px 3px rgba(255,255,255,.24),0 2px 8px rgba(0,0,0,.18)!important;
}

html[data-theme="light"] .hero-brand-name{
  background-image:
    linear-gradient(105deg,
      #123144 0%,
      #123144 28%,
      color-mix(in srgb,var(--accent),#254e63 48%) 42%,
      #315d72 51%,
      color-mix(in srgb,var(--accent),#123144 36%) 60%,
      #123144 76%,
      #123144 100%)!important;
  color:#123144!important;
}

html[data-theme="light"] .topbar .subtitle{
  background-image:
    linear-gradient(105deg,
      rgba(18,28,38,.92) 0%,
      rgba(18,28,38,.92) 31%,
      color-mix(in srgb,rgba(18,28,38,.92),var(--accent) 28%) 44%,
      color-mix(in srgb,var(--accent),rgba(18,28,38,.88) 50%) 52%,
      color-mix(in srgb,rgba(18,28,38,.92),var(--accent) 22%) 62%,
      rgba(18,28,38,.92) 78%,
      rgba(18,28,38,.92) 100%)!important;
  color:rgba(18,28,38,.92)!important;
  text-shadow:0 1px 2px rgba(255,255,255,.32),0 2px 6px rgba(0,0,0,.11)!important;
}

@media (prefers-reduced-motion: reduce){
  .hero-brand-name,
  .topbar .subtitle{
    -webkit-background-clip:text!important;
    background-clip:text!important;
    -webkit-text-fill-color:transparent!important;
  }
}

html[data-theme="dark"] .hero-brand-name,
html[data-theme="light"] .hero-brand-name,
html[data-theme="dark"] .topbar .subtitle,
html[data-theme="light"] .topbar .subtitle,
.topbar > div:first-of-type .subtitle{
  -webkit-background-clip:text!important;
  background-clip:text!important;
  -webkit-text-fill-color:transparent!important;
}

.topbar > div:first-of-type .subtitle{
  display:inline-block!important;
  inline-size:fit-content!important;
  background-color:transparent!important;
}