/* Accent-color theme system.
   --theme-1/2/3 default here, then get overridden as inline custom properties
   on <html> by /js/theme.js (and the early-apply snippet in layout.ejs/login.ejs)
   from whatever the user last picked. Stored client-side only (localStorage),
   so it never touches the database and never affects other users. */

:root {
    --theme-1: #3b82f6;
    --theme-2: #2f6ad9;
    --theme-3: #2151a3;
}

.bg-theme-primary {
    background-color: var(--theme-1) !important;
}

.bg-theme-gradient {
    background-image: linear-gradient(to right, var(--theme-2), var(--theme-3)) !important;
}

.text-theme-primary {
    color: var(--theme-1) !important;
}

.border-theme-primary {
    border-color: var(--theme-1) !important;
}

.ring-theme-primary {
    --tw-ring-color: var(--theme-1) !important;
}

/* Sidebar active-item highlight (overrides the fixed blue-500 previously in layout.ejs) */
.sidebar-item.active,
.dark .sidebar-item.active,
.sidebar-subitem.active,
.dark .sidebar-subitem.active {
    background-color: var(--theme-1) !important;
}