:root {
    --sc-primary: #3f9fe8;
    --sc-primary-600: #2f89cf;
    --sc-primary-700: #236daa;
    --sc-sidebar-start: #236daa;
    --sc-sidebar-end: #3f9fe8;
    --sc-primary-soft: #eaf6ff;
    --sc-bg: #f5f9ff;
    --sc-surface: #ffffff;
    --sc-text: #1f2a37;
    --sc-muted: #64748b;
    --sc-border: #dbe7f3;
    --sc-success-soft: #e9f9ef;
    --sc-warning-soft: #fff8e5;
    --sc-danger-soft: #ffeef0;
    --sc-chat-active-bg: #eaf4ff;
    --sc-chat-active-border: #2f89cf;
    --sc-chat-unread-bg: #f1f7ff;
    --sc-chat-unread-hover: #e7f1ff;
    --sc-chat-unread-border: #5fa6df;
    --sc-chat-outgoing-bg: #f4f7fb;
    --sc-chat-outgoing-hover: #ebf1f8;
    --sc-avito-badge-bg: #dff0ff;
    --sc-avito-badge-text: #1f5f94;
    --sc-mock-badge-bg: #495057;
    --sc-mock-badge-text: #f8f9fa;
    --sc-assist-badge-bg: #eef2f7;
    --sc-assist-badge-text: #475569;
    --sc-after-hours-badge-bg: #fff2e5;
    --sc-after-hours-badge-text: #9a5c1b;
    --sc-status-sent: #2f89cf;
    --sc-status-pending: #c17a2b;
    --sc-status-error: #c94b52;
    --sc-message-client-bg: #d2e7fb;
    --sc-message-client-border: #7aaed7;
    --sc-message-manager-bg: #f4f9ff;
    --sc-message-manager-border: #c8dff3;
    --sc-message-ai-bg: #ebf5ff;
    --sc-message-ai-border: #6ea8d8;
    --sc-success: #2f89cf;
    --sc-warning: #9a5c1b;
    --sc-danger: #c94b52;
    --sc-info: #3f9fe8;
    --sc-shadow: 0 8px 28px rgba(17, 24, 39, 0.08);
    --sc-radius: 14px;
}

body {
    background: var(--sc-bg);
    color: var(--sc-text);
}

.sc-gradient-bg {
    background: linear-gradient(135deg, var(--sc-primary-600) 0%, #68b8f0 100%);
}

.sc-brand-icon {
    color: var(--sc-primary);
}

.sc-card {
    border: 1px solid var(--sc-border);
    border-radius: var(--sc-radius);
    box-shadow: var(--sc-shadow);
}

.sc-section-title {
    color: var(--sc-text);
    font-weight: 700;
}

.btn-primary {
    background-color: var(--sc-primary-600);
    border-color: var(--sc-primary-600);
}

.btn-primary:hover,
.btn-primary:focus {
    background-color: var(--sc-primary-700);
    border-color: var(--sc-primary-700);
}

.btn-outline-primary {
    color: var(--sc-primary-700);
    border-color: var(--sc-primary-600);
}

.btn-outline-primary:hover,
.btn-outline-primary:focus {
    color: #fff;
    background-color: var(--sc-primary-600);
    border-color: var(--sc-primary-600);
}

.badge-avito {
    background-color: var(--sc-avito-badge-bg) !important;
    color: var(--sc-avito-badge-text) !important;
}

.badge-mock {
    background-color: var(--sc-mock-badge-bg) !important;
    color: var(--sc-mock-badge-text) !important;
}

.badge-assist {
    background-color: var(--sc-assist-badge-bg) !important;
    color: var(--sc-assist-badge-text) !important;
}

.badge-after-hours {
    background-color: var(--sc-after-hours-badge-bg) !important;
    color: var(--sc-after-hours-badge-text) !important;
}

/* Bootstrap semantic colors remapped to Simple Chat theme */
.bg-success,
.badge.bg-success {
    background-color: var(--sc-avito-badge-bg) !important;
    color: var(--sc-avito-badge-text) !important;
}

.bg-warning,
.badge.bg-warning {
    background-color: var(--sc-mock-badge-bg) !important;
    color: var(--sc-mock-badge-text) !important;
}

.bg-info,
.badge.bg-info {
    background-color: var(--sc-primary-soft) !important;
    color: var(--sc-primary-700) !important;
}

.bg-danger,
.badge.bg-danger {
    background-color: var(--sc-danger-soft) !important;
    color: var(--sc-danger) !important;
}

.text-success {
    color: var(--sc-success) !important;
}

.text-warning {
    color: var(--sc-warning) !important;
}

.text-info {
    color: var(--sc-primary-700) !important;
}

.text-danger {
    color: var(--sc-danger) !important;
}