/* Light / dark mode toggle */

.oc365-theme-toggle{
position:fixed;
bottom:20px;
right:20px;
z-index:200;
width:48px;
height:48px;
padding:0;
border:1px solid var(--oc365-color-border);
border-radius:50%;
background:var(--oc365-color-card);
color:var(--oc365-color-text);
font-size:1.25rem;
line-height:1;
cursor:pointer;
box-shadow:0 4px 20px rgba(0,0,0,.12);
transition:transform 0.2s, box-shadow 0.2s;
}

.oc365-theme-toggle:hover{
transform:scale(1.05);
box-shadow:0 6px 24px rgba(0,0,0,.16);
}

.oc365-theme-toggle:focus-visible{
outline:2px solid var(--oc365-color-primary);
outline-offset:3px;
}

[data-oc365-theme="dark"] .oc365-theme-toggle{
box-shadow:0 4px 20px rgba(0,0,0,.4);
}

@media (max-width:640px){
.oc365-theme-toggle{
bottom:16px;
right:16px;
width:44px;
height:44px;
}
}