:root {
    --bg: #0b0f16;
    --bg-2: #0f1520;
    --panel: #121926;
    --panel-2: #182131;
    --panel-3: #1d2738;
    --border: rgba(255, 255, 255, 0.08);
    --border-strong: rgba(255, 255, 255, 0.12);
    --text: #eef4ff;
    --muted: #94a3b8;
    --accent: #3b82f6;
    --accent-2: #60a5fa;
    --success: #22c55e;
    --warning: #f59e0b;
    --shadow: 0 12px 30px rgba(0, 0, 0, 0.18);

    --sidebar-bg: linear-gradient(180deg, #111722 0%, #0d131d 100%);
    --layout-bg:
        radial-gradient(circle at top left, rgba(59, 130, 246, 0.08), transparent 24%),
        linear-gradient(180deg, #090d14 0%, #070b12 100%);
    --topbar-bg: rgba(15, 21, 32, 0.78);
    --content-bg: linear-gradient(180deg, rgba(11, 16, 25, 0.96) 0%, rgba(8, 12, 20, 0.98) 100%);
    --card-bg: linear-gradient(180deg, rgba(22, 29, 42, 0.96) 0%, rgba(18, 25, 37, 0.96) 100%);
    --inner-card-bg: rgba(255, 255, 255, 0.025);
    --input-bg: rgba(7, 12, 22, 0.85);
    --soft-bg: rgba(255, 255, 255, 0.03);
    --soft-bg-hover: rgba(255, 255, 255, 0.06);
}

html[data-theme="light"] {
    --bg: #eef3f9;
    --bg-2: #f5f8fc;
    --panel: #ffffff;
    --panel-2: #f7f9fc;
    --panel-3: #eef3f8;
    --border: rgba(15, 23, 42, 0.10);
    --border-strong: rgba(15, 23, 42, 0.16);
    --text: #0f172a;
    --muted: #64748b;
    --accent: #2563eb;
    --accent-2: #3b82f6;
    --success: #16a34a;
    --warning: #d97706;
    --shadow: 0 12px 28px rgba(15, 23, 42, 0.08);

    --sidebar-bg: linear-gradient(180deg, #f8fbff 0%, #eef4fa 100%);
    --layout-bg:
        radial-gradient(circle at top left, rgba(37, 99, 235, 0.08), transparent 24%),
        linear-gradient(180deg, #eef4fa 0%, #e9f0f7 100%);
    --topbar-bg: rgba(255, 255, 255, 0.78);
    --content-bg: linear-gradient(180deg, rgba(255, 255, 255, 0.96) 0%, rgba(247, 250, 252, 0.98) 100%);
    --card-bg: linear-gradient(180deg, rgba(255, 255, 255, 0.98) 0%, rgba(248, 250, 252, 0.98) 100%);
    --inner-card-bg: rgba(15, 23, 42, 0.02);
    --input-bg: #ffffff;
    --soft-bg: rgba(15, 23, 42, 0.03);
    --soft-bg-hover: rgba(15, 23, 42, 0.06);
}