:root {
  --color-primary: #0d6efd;
  --color-primary-2: #2f80ff;
  --color-cyan: #18c2c6;
  --color-teal: #11b8ae;
  --color-success: #22c55e;
  --color-warning: #f59e0b;
  --color-danger: #ef4444;
  --color-text: #0f172a;
  --color-muted: #64748b;
  --color-soft: #f7fbff;
  --color-surface: #ffffff;
  --color-line: #dce8f6;
  --color-line-soft: #eef4fb;
  --shadow-soft: 0 18px 45px rgba(15, 23, 42, 0.06);
  --shadow-blue: 0 18px 38px rgba(13, 110, 253, 0.18);
  --radius-app: 34px;
  --radius-card: 24px;
  --radius-control: 16px;
  --gap: 22px;
  --sidebar-width: 72px;
  --sidebar-expanded-width: 238px;
  --shell-padding: 24px;
  --shell-gap: 24px;
  --topbar-height: 58px;
  --font-sans: Inter, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
}

:root[data-theme="dark"] {
  --color-primary: #5b9dff;
  --color-primary-2: #2f80ff;
  --color-cyan: #36d8de;
  --color-teal: #28cbc3;
  --color-success: #3ddc84;
  --color-warning: #fbbf24;
  --color-danger: #fb7185;
  --color-text: #edf4ff;
  --color-muted: #9fb0c7;
  --color-soft: #07111f;
  --color-surface: #0f1b2d;
  --color-line: #23364f;
  --color-line-soft: #172842;
  --shadow-soft: none;
  --shadow-blue: none;
}