/* theme.css -- GENERATED by Admin > Look & Feel. Do not hand-edit: the next save overwrites it. */
/* surface: admin · accent #2563eb · preset ocean */
html:root {
    --accent: #2563eb;
    --accent-hover: #1d4ed8;
    --accent-light: #dce6fc;
    --accent-bg: #f2f6fe;
    --accent-fg: #ffffff;
    --focus-ring: rgba(37, 99, 235, 0.12);
    --login-gradient: linear-gradient(135deg, #0f172a 0%, #1e3a5f 60%, #204890 100%);
}
html:root[data-admin-theme="dark"] {
    --accent-light: rgba(37, 99, 235, 0.22);
    --accent-bg: rgba(37, 99, 235, 0.11);
}
html:root:has(#adminMidnightTheme) {
    --accent: #60a5fa;
    --accent-hover: #9db9f6;
    --accent-light: rgba(37, 99, 235, 0.15);
    --accent-bg: rgba(37, 99, 235, 0.08);
    --accent-fg: #ffffff;
}
html:where(:has(#adminMidnightTheme)) .sidebar-nav a.active, html:where(:has(#adminMidnightTheme)) .sidebar-avatar, html:where(:has(#adminMidnightTheme)) .bulk-bar { background: #2563eb; color: #ffffff; }
html:where(:has(#adminMidnightTheme)) .cd-tab.active, html:where(:has(#adminMidnightTheme)) .settings-tab.active { color: #60a5fa; border-bottom-color: #2563eb; }
html:where(:has(#adminMidnightTheme)) a, html:where(:has(#adminMidnightTheme)) .login-card .login-footer a, html:where(:has(#adminMidnightTheme)) .login-demo strong { color: #60a5fa; }
html:where(:has(#adminMidnightTheme)) a:hover, html:where(:has(#adminMidnightTheme)) .cd-tab:hover, html:where(:has(#adminMidnightTheme)) .settings-tab:hover { color: #9db9f6; }
html:where(:has(#adminMidnightTheme)) .btn-ghost:hover { background: rgba(37, 99, 235, 0.1); }
html:where(:has(#adminMidnightTheme)) .search-box:focus, html:where(:has(#adminMidnightTheme)) .login-card .form-group input:focus { border-color: #60a5fa; }