:root{
    --portal-bg:#f3f6fb;
    --portal-panel:#fff;
    --portal-border:#d7e0ec;
    --portal-text:#172033;
    --portal-muted:#5f6f86;
    --portal-accent:#4f46e5;
    --portal-accent-2:#0891b2;
    --portal-accent-text:#4338ca;
    --portal-heading-accent:#3730a3;
    --portal-icon-bg-start:#4f46e5;
    --portal-icon-bg-end:#0369a1;
    --portal-icon-text:#fff;
    --portal-text-subtle:#475569;
    --portal-info:#087f9c;
    --portal-info-text:#0e7490;
    --portal-success:#047857;
    --portal-warning:#b45309;
    --portal-danger:#be123c;
    --portal-surface-raised:#fff;
    --portal-surface-subtle:#f7f9fc;
    --portal-surface-muted:#eef3f8;
    --portal-surface-hover:#edf4ff;
    --portal-table-head:#edf2f8;
    --portal-table-stripe:#fbfcfe;
    --portal-table-divider:#cbd6e4;
    --portal-table-row-hover:#f3f7fd;
    --portal-topbar-surface:rgba(255,255,255,.94);
    --portal-sidebar-surface:#fff;
    --portal-control-shadow:0 1px 2px rgba(15,23,42,.04),inset 0 1px 0 rgba(255,255,255,.7);
    --portal-page-glow-1:rgba(79,70,229,.075);
    --portal-page-glow-2:rgba(8,145,178,.055);
    --portal-sidebar-shadow:10px 0 32px rgba(15,23,42,.035);
    --portal-shadow:0 14px 38px rgba(15,23,42,.07),0 2px 8px rgba(15,23,42,.035);
    --portal-filter-control:#fff;
    --portal-filter-surface:#fff;
    --portal-filter-option:#fff;
    --portal-filter-hover:#f1f5f9;
    --portal-filter-border:#cbd5e1;
    --portal-filter-shadow:0 26px 64px rgba(15,23,42,.2),0 4px 16px rgba(15,23,42,.08);
    --sidebar-bg:rgba(255,255,255,.88);
    --portal-glass-blur:12px;
    --portal-radius-card:18px;
    --portal-radius-control:11px;
    --portal-font-sans:"Inter",system-ui,-apple-system,"Segoe UI",sans-serif;
    --portal-font-mono:"JetBrains Mono","SFMono-Regular",Consolas,monospace;
    --bs-body-bg:var(--portal-bg);
    --bs-body-color:var(--portal-text);
    --bs-border-color:var(--portal-border);
    --bs-secondary-color:var(--portal-muted);
    --tblr-body-bg:var(--portal-bg);
    --tblr-body-color:var(--portal-text);
    --tblr-border-color:var(--portal-border);
    --tblr-secondary-color:var(--portal-muted);
}

[data-bs-theme=dark]{
    --portal-bg:#0b0f19;
    --portal-panel:rgba(17,24,39,.75);
    --portal-border:rgba(255,255,255,.08);
    --portal-text:#f8fafc;
    --portal-muted:#94a3b8;
    --portal-accent:#818cf8;
    --portal-accent-2:#22d3ee;
    --portal-accent-text:#eef2ff;
    --portal-heading-accent:#67e8f9;
    --portal-icon-bg-start:#6366f1;
    --portal-icon-bg-end:#0891b2;
    --portal-icon-text:#f8fafc;
    --portal-text-subtle:#a7b4c8;
    --portal-info:#22d3ee;
    --portal-info-text:#67e8f9;
    --portal-success:#34d399;
    --portal-warning:#fbbf24;
    --portal-danger:#fb7185;
    --portal-surface-raised:#111827;
    --portal-surface-subtle:#0f172a;
    --portal-surface-muted:#182234;
    --portal-surface-hover:#1a2940;
    --portal-table-head:#151f2f;
    --portal-table-stripe:rgba(148,163,184,.025);
    --portal-table-divider:rgba(148,163,184,.2);
    --portal-table-row-hover:#152338;
    --portal-topbar-surface:rgba(11,15,25,.92);
    --portal-sidebar-surface:rgba(11,15,25,.96);
    --portal-control-shadow:inset 0 1px 0 rgba(255,255,255,.025);
    --portal-page-glow-1:rgba(99,102,241,.14);
    --portal-page-glow-2:rgba(34,211,238,.09);
    --portal-sidebar-shadow:10px 0 34px rgba(0,0,0,.16);
    --portal-shadow:0 24px 70px rgba(0,0,0,.32);
    --portal-filter-control:#111827;
    --portal-filter-surface:#0f172a;
    --portal-filter-option:#111827;
    --portal-filter-hover:#1e293b;
    --portal-filter-border:#334155;
    --portal-filter-shadow:0 30px 76px rgba(0,0,0,.68),0 0 0 1px rgba(34,211,238,.05);
    --sidebar-bg:rgba(11,15,25,.9);
}
