/* Modern is intentionally light-only. The shared admin shell lives in
   assets/css/admin-shell.css so every theme receives the same navigation,
   page layout and component structure. */
:root {
    --accent-color: #5b4be8;
    --accent-hover: #4c3ccc;
    --accent-light: #f2f4ff;
    --bg-primary: #ffffff;
    --bg-secondary: #f8fafc;
    --bg-tertiary: #f1f5f9;
    --text-primary: #0f172a;
    --text-secondary: #475569;
    --text-muted: #64748b;
    --border-color: #e2e8f0;
    --card-bg: #ffffff;
    --header-bg: rgb(255 255 255 / 0.92);
    --footer-bg: #f8fafc;
    --footer-text: #64748b;
    --side-menu-bg: #ffffff;
    --input-bg: #ffffff;
    --input-border: #cbd5e1;
    --badge-bg: #f1f5f9;
    --badge-text: #475569;
}
body {
    background: #ffffff;
    color: #334155;
}
.site-header {
    background: rgb(255 255 255 / 0.88) !important;
    border-bottom: 1px solid #e2e8f0 !important;
    box-shadow: none !important;
    backdrop-filter: blur(24px);
}
.site-footer {
    background: #f8fafc !important;
    border-top: 1px solid #e2e8f0 !important;
    color: #64748b !important;
}
.post-card,
.page-card,
.comment,
.profile-card,
.eshop-product-card {
    border: 1px solid rgb(203 213 225 / 0.72) !important;
    border-radius: 16px !important;
    box-shadow:
        0 1px 2px rgb(15 23 42 / 0.05),
        0 1px 3px rgb(15 23 42 / 0.04) !important;
}