:root {
    
  }

:root { --sidebar-border-subtle: rgba(148, 168, 184, 0.1);
--sidebar-section-label: #5a7a8a;
--sidebar-version-text: #4a6a7a;
--surface-bg: #f1f4f8;
--ant-primary-color: #084b83;
--ant-primary-color-hover: #3e8ccb;
--ant-primary-color-active: #064070;
--ant-primary-color-outline: rgba(8, 75, 131, 0.2);
--sidebar-logo-bg: #fdfdfe;
--toggle-btn-bg: #f1f5f9;
--toggle-btn-color: #64748b;
--toggle-btn-border: rgba(0, 0, 0, 0.08);
--toggle-btn-hover-bg: #e2e8f0;
--toggle-btn-hover-color: #1e293b;
--color-primary-50: #e8f1fa;
--color-primary-100: #c5ddf2;
--color-primary-200: #9dc5e8;
--color-primary-300: #6ba8da;
--color-primary-400: #3e8ccb;
--color-primary-500: #084b83;
--color-primary-600: #064070;
--color-primary-700: #05355d;
--color-primary-800: #042a4a;
--sidebar-bg-from: #052a48;
--sidebar-bg-to: #042240;
--sidebar-text: #94a8b8;
--sidebar-item-active-bg: rgba(8, 75, 131, 0.25);
--sidebar-accent: #3e8ccb;
--sidebar-accent-subtle: rgba(8, 75, 131, 0.3); }

/** sidebar-logo-gradient */
app-sider-logo::after { content: ""; display: block; height: 12px; background: linear-gradient(to bottom, var(--sidebar-logo-bg, transparent), var(--sidebar-bg, #1e293b)); }