/* A restrained violet reflection from the dots. logo; page and surface fills stay unchanged. */
:root{
 --logo-violet:126,83,213;
 --logo-edge:rgba(var(--logo-violet),.18);
 --logo-glow:rgba(var(--logo-violet),.07);
 --logo-highlight:#7952b9;
}
:root[data-theme=dark]{
 --logo-violet:165,112,255;
 --logo-edge:rgba(var(--logo-violet),.21);
 --logo-glow:rgba(var(--logo-violet),.09);
 --logo-highlight:#c3a5f3;
 --accent:#c3a5f3;
}
/* Small pools of light around controls, with neutral text and black surfaces. */
#sidebar .navitem.active{
 box-shadow:inset 2px 0 0 var(--logo-highlight),inset 0 0 0 1px var(--logo-edge),0 0 16px var(--logo-glow)!important;
}
#sidebar .navitem.active i{color:var(--logo-highlight)}
body:not(.sidebarExpanded) #sidebar .sidebrand .brand::before{
 text-shadow:0 0 12px rgba(var(--logo-violet),.26)!important;
}
main>header>#centralClock{
 box-shadow:inset 0 1px 0 rgba(var(--logo-violet),.09),0 4px 18px rgba(var(--logo-violet),.035)!important;
}
#habits .habit,.settingscard,.homeTask,.taskFilter,
.primary,.secondary,.createDock #createHabit{
 transition:box-shadow .24s ease,border-color .24s ease,background-color .24s ease,color .2s ease,transform .2s ease!important;
}
#habits .habit{
 box-shadow:inset 0 1px 0 rgba(var(--logo-violet),.07),0 6px 24px rgba(var(--logo-violet),.025)!important;
}
.taskFilter.selected{
 border-color:rgba(var(--logo-violet),.32)!important;
 box-shadow:0 3px 18px var(--logo-glow),inset 0 1px 0 rgba(255,255,255,.7)!important;
}
#habitDialog[open],#accountDialog[open],#searchDialog[open],
#dayDialog[open],#profileDialog[open],#worldClockDialog[open],#notificationPanel{
 border-color:var(--logo-edge)!important;
 box-shadow:0 22px 64px rgba(0,0,0,.22),0 0 24px rgba(var(--logo-violet),.045),inset 0 1px 0 rgba(var(--logo-violet),.13)!important;
}
#authDialog .oauth button,.landing-providers button{
 border-color:var(--logo-edge)!important;
}
.createDock #createHabit{
 box-shadow:0 5px 20px rgba(var(--logo-violet),.14),0 2px 7px rgba(0,0,0,.16)!important;
}
@media(hover:hover){
 #habits .habit:hover,.homeTask:hover{
  border-color:var(--logo-edge)!important;
  box-shadow:inset 0 1px 0 rgba(var(--logo-violet),.13),0 5px 24px var(--logo-glow)!important;
 }
 .taskFilter:hover,.secondary:hover,.primary:hover,.createDock #createHabit:hover,
 #authDialog .oauth button:hover,.landing-providers button:hover{
  box-shadow:0 0 0 1px var(--logo-edge),0 5px 22px var(--logo-glow)!important;
 }
 .headeractions #searchHabits:hover,.headeractions #bell:hover{
  color:var(--logo-highlight)!important;
 }
 #sidebar .navitem:hover i,.settingsItem:hover i{color:var(--logo-highlight)}
}
button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{
 outline-color:var(--logo-highlight)!important;
}
:root.reduce-motion *{transition:none!important}
@media(prefers-reduced-motion:reduce){*{transition:none!important}}