/* Design Tokens — ButLr Dark Theme */
:root {
  /* Surface */
  --bg-primary: #0f1117;
  --bg-secondary: #161922;
  --bg-tertiary: #1e2230;
  --bg-card: #1a1e2b;
  --bg-card-hover: #222738;
  --bg-input: #12141e;

  /* Text */
  --text-primary: #e8eaf0;
  --text-secondary: #8b90a0;
  --text-muted: #555a6e;
  --text-accent: #6c8cff;

  /* Accent */
  --accent: #6c8cff;
  --accent-hover: #5a7aee;
  --accent-subtle: rgba(108, 140, 255, 0.12);

  /* Status */
  --status-active: #34d399;
  --status-paused: #fbbf24;
  --status-completed: #60a5fa;
  --status-archived: #6b7280;

  /* Deal status */
  --deal-prospect: #a78bfa;
  --deal-qualified: #6c8cff;
  --deal-proposal: #fbbf24;
  --deal-negotiation: #fb923c;
  --deal-won: #34d399;
  --deal-lost: #ef4444;

  /* Priority */
  --priority-low: #6b7280;
  --priority-medium: #60a5fa;
  --priority-high: #fbbf24;
  --priority-urgent: #ef4444;

  /* Task status */
  --task-todo: #6b7280;
  --task-in-progress: #6c8cff;
  --task-review: #a78bfa;
  --task-done: #34d399;

  /* Borders */
  --border: #2a2e3d;
  --border-subtle: #1f2333;

  /* Shadows */
  --shadow-sm: 0 1px 2px rgba(0, 0, 0, 0.3);
  --shadow-md: 0 4px 12px rgba(0, 0, 0, 0.4);
  --shadow-lg: 0 8px 24px rgba(0, 0, 0, 0.5);

  /* Spacing */
  --space-xs: 4px;
  --space-sm: 8px;
  --space-md: 16px;
  --space-lg: 24px;
  --space-xl: 32px;
  --space-2xl: 48px;

  /* Radius */
  --radius-sm: 4px;
  --radius-md: 8px;
  --radius-lg: 12px;
  --radius-full: 9999px;

  /* Typography */
  --font-sans: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
  --font-mono: 'JetBrains Mono', 'Fira Code', monospace;
  --text-xs: 0.75rem;
  --text-sm: 0.8125rem;
  --text-base: 0.9375rem;
  --text-lg: 1.125rem;
  --text-xl: 1.5rem;
  --text-2xl: 2rem;

  /* Transitions */
  --transition-fast: 120ms ease;
  --transition-base: 200ms ease;

  /* Layout */
  --header-height: 56px;
  --sidebar-width: 240px;
}