/* ============================================================
   css/theme.css — Dark/Light Theme Styles
   ============================================================ */

body {
    transition: background-color var(--transition-slow), color var(--transition-slow);
}

::-webkit-scrollbar {
    width: 8px;
    height: 8px;
}
::-webkit-scrollbar-track {
    background: var(--color-bg-primary);
}
::-webkit-scrollbar-thumb {
    background: var(--color-border);
    border-radius: var(--radius-full);
}
::-webkit-scrollbar-thumb:hover {
    background: var(--color-text-muted);
}

::selection {
    background-color: var(--color-accent);
    color: var(--color-text-inverse);
}
::-moz-selection {
    background-color: var(--color-accent);
    color: var(--color-text-inverse);
}

:focus-visible {
    outline: 2px solid var(--color-border-focus);
    outline-offset: 2px;
}

.theme-icon {
    display: inline-block;
    transition: transform var(--transition-base);
}
.theme-toggle:hover .theme-icon {
    transform: scale(1.1);
}