:root {
  --bg-primary: #0f1115;
  --bg-secondary: #151821;
  --bg-card: #1b1f2a;
  --bg-card-hover: #20242f;
  --bg-input: #12141b;
  --border-color: #262b38;
  --border-color-light: #323848;

  --text-primary: #e6e8ee;
  --text-secondary: #9aa0ac;
  --text-muted: #666c7a;

  --accent: #4f7cff;
  --accent-hover: #6d92ff;
  --accent-soft: rgba(79, 124, 255, 0.12);
  --accent-purple: #8b5cf6;

  --success: #2ecc71;
  --success-soft: rgba(46, 204, 113, 0.14);
  --warning: #f5a623;
  --warning-soft: rgba(245, 166, 35, 0.14);
  --danger: #e5484d;
  --danger-soft: rgba(229, 72, 77, 0.14);
  --info: #4f7cff;
  --info-soft: rgba(79, 124, 255, 0.14);

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

  --space-1: 4px;
  --space-2: 8px;
  --space-3: 16px;
  --space-4: 24px;
  --space-5: 32px;
  --space-6: 48px;

  --shadow-card: 0 1px 2px rgba(0, 0, 0, 0.3), 0 8px 24px rgba(0, 0, 0, 0.18);
  --font-sans: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
  --font-mono: "SFMono-Regular", Consolas, "Liberation Mono", Menlo, monospace;

  --sidebar-width: 250px;
}

@media (prefers-color-scheme: light) {
  :root[data-theme="light"] {
    --bg-primary: #f4f5f8;
    --bg-secondary: #ffffff;
    --bg-card: #ffffff;
    --bg-card-hover: #f7f8fb;
    --bg-input: #f0f1f5;
    --border-color: #e2e4ea;
    --border-color-light: #d3d6de;
    --text-primary: #171a21;
    --text-secondary: #565c68;
    --text-muted: #8d92a0;
  }
}

:root[data-theme="light"] {
  --bg-primary: #f4f5f8;
  --bg-secondary: #ffffff;
  --bg-card: #ffffff;
  --bg-card-hover: #f7f8fb;
  --bg-input: #f0f1f5;
  --border-color: #e2e4ea;
  --border-color-light: #d3d6de;
  --text-primary: #171a21;
  --text-secondary: #565c68;
  --text-muted: #8d92a0;
}