:root {
  --color-primary: #5b6be8;
  --color-primary-light: #7c8cf5;
  --color-primary-dark: #4a59c9;
  --color-success: #34bfa3;
  --color-warning: #ffb822;
  --color-danger: #f4516c;
  --color-info: #36a3f7;

  --sidebar-bg: #1e1e2d;
  --sidebar-text: #a2a3b7;
  --sidebar-active-bg: var(--color-primary);
  --sidebar-active-text: #ffffff;
  --sidebar-width: 220px;
  --sidebar-collapsed-width: 64px;

  --navbar-height: 60px;
  --navbar-bg: #ffffff;
  --navbar-shadow: 0 2px 6px rgba(0, 0, 0, 0.08);

  --content-bg: #f2f3f8;
  --card-bg: #ffffff;
  --card-shadow: 0 2px 12px rgba(0, 0, 0, 0.06);
  --card-radius: 8px;

  --font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif;
  --font-size-base: 14px;

  --spacing-xs: 4px;
  --spacing-sm: 8px;
  --spacing-md: 16px;
  --spacing-lg: 24px;
  --spacing-xl: 32px;
}