:root {
  --font-family: system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif;

  --color-primary: #4a90d9;
  --color-primary-rgb: 74, 144, 217;
  --color-primary-hover: #3a7bc8;
  --color-success: #228b52;
  --color-success-rgb: 34, 139, 82;
  --color-warning: #c9a227;
  --color-warning-rgb: 201, 162, 39;
  --color-danger: #e74c3c;
  --color-danger-rgb: 231, 76, 60;
  --color-danger-hover: #c0392b;
  --color-purple: #7b4397;
  --color-purple-light: #9b59b6;
  --color-badge: #ef4444;
  --color-badge-end: #dc2626;
  --shadow-badge: 0 2px 8px rgba(239, 68, 68, 0.38);

  --radius-sm: 6px;
  --radius-md: 10px;
  --radius-lg: 16px;

  --shadow-sm: 0 1px 3px rgba(0, 0, 0, 0.08);
  --shadow-md: 0 4px 20px rgba(0, 0, 0, 0.08);
  --shadow-lg: 0 8px 30px rgba(0, 0, 0, 0.12);

  --sidebar-width-full: 260px;
  --sidebar-width-mini: 72px;
  --topbar-height: 64px;
  --topbar-height-mobile: 112px;
  --touch-target-min: 44px;

  --safe-top: env(safe-area-inset-top, 0px);
  --safe-bottom: env(safe-area-inset-bottom, 0px);
  --safe-left: env(safe-area-inset-left, 0px);
  --safe-right: env(safe-area-inset-right, 0px);

  --viewport-height: 100vh;
  --viewport-height: 100dvh;

  --transition-fast: 0.2s ease;
  --transition-normal: 0.3s ease;

  --breakpoint-tablet: 768px;
  --breakpoint-desktop: 1024px;

  --bg-page: #e8ebf0;
  --bg-surface: #ffffff;
  --bg-surface-raised: #f8fafc;
  --bg-sidebar: #ffffff;
  --bg-topbar: #ffffff;
  --bg-input: #ffffff;
  --bg-banner: #e8edf3;
  --bg-hover: #f5f7fa;
  --bg-timeline-line: #d0d5dd;

  --text-primary: #2c3e50;
  --text-secondary: #7f8c8d;
  --text-muted: #95a5a6;
  --text-inverse: #ffffff;

  --shell-nav-text: #000000;
  --shell-nav-icon: #000000;

  --border-color: #dce1e8;
  --border-input: #cfd6df;
  --table-divider-color: rgba(44, 62, 80, 0.06);
}