:root,
[data-theme="dark"] {
    --rateb-primary: #3b82f6;
    --rateb-primary-dark: #2563eb;
    --rateb-accent: #2dd4bf;
    --rateb-danger: #f87171;
    --rateb-warning: #fbbf24;
    --rateb-success: #34d399;
    --rateb-bg: #0b1120;
    --rateb-surface: #151f32;
    --rateb-surface-elevated: #1c2940;
    --rateb-sidebar: #070d18;
    --rateb-sidebar-text: #cbd5e1;
    --rateb-sidebar-active: #1e293b;
    --rateb-text: #e2e8f0;
    --rateb-text-muted: #94a3b8;
    --rateb-border: #2a3a52;
    --rateb-shadow: 0 8px 32px rgba(0, 0, 0, 0.45);
    --rateb-radius: 12px;
    --rateb-font: system-ui, -apple-system, 'Segoe UI', Tahoma, 'IBM Plex Sans Arabic', sans-serif;
    --rateb-table-hover: rgba(45, 212, 191, 0.06);
    --rateb-table-visible-rows: 5;
    --rateb-table-row-h: 3rem;
    --rateb-table-head-h: 3.25rem;
    --rateb-input-bg: #0f172a;
}

[data-theme="light"] {
    --rateb-primary: #2563eb;
    --rateb-primary-dark: #1d4ed8;
    --rateb-accent: #0ea5e9;
    --rateb-bg: #cce0f5;
    --rateb-surface: #e3effc;
    --rateb-surface-elevated: #eef5fd;
    --rateb-sidebar: #1a3354;
    --rateb-sidebar-text: #dbeafe;
    --rateb-sidebar-active: #2a4f7a;
    --rateb-text: #1a3354;
    --rateb-text-muted: #4a6b94;
    --rateb-border: #b8cfe8;
    --rateb-shadow: 0 4px 24px rgba(30, 58, 95, 0.12);
    --rateb-table-hover: rgba(37, 99, 235, 0.07);
    --rateb-input-bg: #f3f8fe;
}

@media (prefers-color-scheme: light) {
    [data-theme="auto"] {
        --rateb-primary: #2563eb;
        --rateb-primary-dark: #1d4ed8;
        --rateb-accent: #0ea5e9;
        --rateb-bg: #cce0f5;
        --rateb-surface: #e3effc;
        --rateb-surface-elevated: #eef5fd;
        --rateb-sidebar: #1a3354;
        --rateb-sidebar-text: #dbeafe;
        --rateb-sidebar-active: #2a4f7a;
        --rateb-text: #1a3354;
        --rateb-text-muted: #4a6b94;
        --rateb-border: #b8cfe8;
        --rateb-shadow: 0 4px 24px rgba(30, 58, 95, 0.12);
        --rateb-table-hover: rgba(37, 99, 235, 0.07);
        --rateb-input-bg: #f3f8fe;
    }
}

@media (prefers-color-scheme: dark) {
    [data-theme="auto"] {
        --rateb-bg: #0b1120;
        --rateb-surface: #151f32;
        --rateb-surface-elevated: #1c2940;
        --rateb-sidebar: #070d18;
        --rateb-sidebar-text: #cbd5e1;
        --rateb-sidebar-active: #1e293b;
        --rateb-text: #e2e8f0;
        --rateb-text-muted: #94a3b8;
        --rateb-border: #2a3a52;
        --rateb-shadow: 0 8px 32px rgba(0, 0, 0, 0.45);
        --rateb-table-hover: rgba(45, 212, 191, 0.06);
        --rateb-input-bg: #0f172a;
    }
}