:root {
    --bg-page: #f0f2f5;
    --bg-card: #ffffff;
    --bg-btn: #f0f2f5;
    --bg-btn-hover: #e4e6eb;
    --text-primary: #1a1a2e;
    --text-secondary: #666;
    --border-color: #eee;
    --border-color-strong: #e4e6eb;
    --content-bg: #f9fafb;
    --nav-bg: rgba(248, 249, 250, 0.92);
    --nav-border: rgba(0, 0, 0, 0.04);
    --nav-icon-color: #8e8ea0;
    --avatar-border: #e4e6eb;
    --accent-color: #0056b3;
    --input-bg: #ffffff;
    --shadow-color: rgba(0, 0, 0, 0.1);
    /* YANGI: ai.html va menu.html uchun qo'shimcha */
    --ai-msg-bg: #f0f2f5;
    --ai-msg-text: #333;
    --search-box-bg: #f0f2f5;
}

:root[data-theme="dark"] {
    --bg-page: #0f172a;
    --bg-card: #1e1e2e;
    --bg-btn: #2d2d3d;
    --bg-btn-hover: #3d3d4d;
    --text-primary: #e5e7eb;
    --text-secondary: #94a3b8;
    --border-color: #2d2d3d;
    --border-color-strong: #2d2d3d;
    --content-bg: #17172a;
    --nav-bg: rgba(30, 30, 46, 0.92);
    --nav-border: rgba(255, 255, 255, 0.06);
    --nav-icon-color: #94a3b8;
    --avatar-border: #3d3d4d;
    --accent-color: #3b82f6;
    --input-bg: #2d2d3d;
    --shadow-color: rgba(0, 0, 0, 0.4);
    /* YANGI: */
    --ai-msg-bg: #2d2d3d;
    --ai-msg-text: #e5e7eb;
    --search-box-bg: #2d2d3d;
}