:root {
    --brand-blue: #1e68cb;
    --primary: #1e68cb;
    --primary-dark: #184f9b;
    --primary-light: #eaf2ff;
    --accent: #FFC72C;
    --text-main: #1f2937;
    --text-secondary: #64748b;
    --text-muted: #64748b;
    --bg-body: #f2f5fb;
    --bg-surface: #ffffff;
    --border-color: #d8e3f2;
    --border-width: 1px;
    --radius-xl: 20px;
    --radius-lg: 14px;
    --radius-md: 12px;
    --radius-sm: 8px;
    --shadow-sm: none;
    --shadow: none;
    --shadow-md: none;
    --shadow-lg: none;
}

html,
body,
body.bg-body-main,
body.has-sidebar {
    background: var(--bg-body) !important;
    color: var(--text-main) !important;
}

*:not(svg):not(path),
*:not(svg):not(path)::before,
*:not(svg):not(path)::after {
    background-image: none !important;
    box-shadow: none !important;
    text-shadow: none !important;
}

.card,
.modal-content,
.dropdown-menu,
.list-group-item,
.table,
.table > :not(caption) > * > *,
.offcanvas,
.sidebar-card,
.sidebar-header-new,
.sidebar-footer-new,
.sv-card,
.sv-comments,
.sv-side-card,
.story-item,
.story-hero,
.story-create-shell,
.create-story-container,
.empty-state {
    border: 1px solid var(--border-color) !important;
    border-radius: var(--radius-md) !important;
    background: var(--bg-surface) !important;
    box-shadow: none !important;
}

.main-with-sidebar,
.layout-wrapper,
.content-view,
.stories-layout,
.sv-container,
.create-story-container {
    background: transparent !important;
}

.navbar-custom,
.mobile-topbar,
.dashboard-topbar {
    background: var(--bg-surface) !important;
    border-bottom: 1px solid var(--border-color) !important;
    box-shadow: none !important;
}

.nav-link-custom,
.nav-brand,
.brand-text,
.navbar-custom .action-icon-btn,
.navbar-custom .action-icon-btn i {
    color: var(--text-main) !important;
}

.btn,
button,
.btn-pill-primary,
.btn-pill-light,
.brutalist-btn-blue,
.brutalist-btn-yellow,
.auth-btn-login,
.auth-btn-register,
.sidebar-btn-logout,
.hero-write-btn,
.sv-side-btn,
.comment-form button,
.mobile-fab {
    border-radius: 10px !important;
    border: 1px solid var(--border-color) !important;
    box-shadow: none !important;
    background-image: none !important;
    font-weight: 700 !important;
    transform: none !important;
}

.btn-primary,
.btn-pill-primary,
.auth-btn-login,
.hero-write-btn,
.comment-form button {
    background: var(--primary) !important;
    color: #fff !important;
    border-color: var(--primary) !important;
}

.btn-primary:hover,
.btn-pill-primary:hover,
.auth-btn-login:hover,
.hero-write-btn:hover,
.comment-form button:hover {
    background: var(--primary-dark) !important;
    border-color: var(--primary-dark) !important;
}

.btn-outline-primary,
.auth-btn-register {
    background: var(--bg-surface) !important;
    color: var(--text-main) !important;
    border-color: var(--border-color) !important;
}

input,
select,
textarea,
.form-control,
.form-select,
.sidebar-search-wrap,
.sidebar-search-wrap input {
    border: 1px solid var(--border-color) !important;
    border-radius: 10px !important;
    background: #fff !important;
    color: var(--text-main) !important;
    box-shadow: none !important;
}

input:focus,
select:focus,
textarea:focus,
.form-control:focus,
.form-select:focus {
    border-color: #b6cdec !important;
    box-shadow: none !important;
}

#sidebar.slack-sidebar,
#public-sidebar.slack-sidebar {
    background: #f4f8ff !important;
    border-right: 1px solid var(--border-color) !important;
    box-shadow: none !important;
}

#sidebar .sidebar-item,
#public-sidebar .sidebar-item {
    border: 1px solid transparent !important;
    border-radius: 10px !important;
    background: transparent !important;
}

#sidebar .sidebar-item:hover,
#public-sidebar .sidebar-item:hover {
    background: var(--primary-light) !important;
    border-color: #cfe0f8 !important;
}

#sidebar .sidebar-item.active,
#public-sidebar .sidebar-item.active {
    background: var(--primary) !important;
    border-color: var(--primary) !important;
}

#sidebar .sidebar-item.active .sidebar-text,
#public-sidebar .sidebar-item.active .sidebar-text,
#public-sidebar .sidebar-item.active {
    color: #fff !important;
}

.story-title,
.sv-title {
    color: #163f86 !important;
}

.story-excerpt,
.sv-content,
.comment-text,
.post-date,
.sv-date {
    color: var(--text-secondary) !important;
}

.mood-pill.active,
.sort-pill.active,
.category-link.active {
    background: var(--primary-light) !important;
    color: var(--primary) !important;
    border-color: #c7daf4 !important;
}

.alert,
.alert-success-sm,
.alert-error-sm,
.badge,
.sidebar-badge {
    box-shadow: none !important;
    background-image: none !important;
}

table,
.table {
    border-color: var(--border-color) !important;
}

.brutalist-card:hover,
.brutalist-btn-blue:hover,
.brutalist-btn-yellow:hover,
.sidebar-item:hover,
.auth-btn-login:hover,
.auth-btn-register:hover,
.sidebar-btn-logout:hover {
    transform: none !important;
}