/* ==============================================
   COLORS - Dark Theme
   ============================================== */

:root {
  /* Gray scale (0=white, 10=black) */
  --gray-0: #ffffff;
  --gray-1: #f3f4f6;
  --gray-2: #e5e7eb;
  --gray-3: #d1d5db;
  --gray-4: #9ca3af;
  --gray-5: #6b7280;
  --gray-6: #4b5563;
  --gray-7: #374151;
  --gray-8: #2a2d35;
  --gray-9: #1f2128;
  --gray-9-5: #1a1c22;
  --gray-10: #14161a;

  /* Semantic aliases */
  --bg-deep: var(--gray-10);
  --bg-base: var(--gray-9);
  --bg-raised: var(--gray-8);
  --bg-hover: var(--gray-7);

  --text-bright: var(--gray-0);
  --text-base: var(--gray-2);
  --text-muted: var(--gray-4);
  --text-faint: var(--gray-5);

  --line: var(--gray-8);
  --line-strong: var(--gray-7);

  /* Accent colors */
  --accent: #60a5fa;
  --accent-hover: #3b82f6;
  --success: #4ade80;
  --warning: #fbbf24;
  --danger: #f87171;

  /* Overlay utilities */
  --overlay-white-10: rgba(255, 255, 255, 0.1);
  --overlay-white-20: rgba(255, 255, 255, 0.2);
  --overlay-blue-10: rgba(96, 165, 250, 0.1);
  --overlay-blue-30: rgba(96, 165, 250, 0.3);
}