/*
 * Numka — Dark theme
 * Palette mirrors NumkaWorkspace (slate + blue brand)
 */

:root,
[data-theme="dark"] {
  /* Backgrounds */
  --color-bg:           #020617;   /* slate-950 — page background */
  --color-surface:      #0f172a;   /* slate-900 — elevated panels */
  --color-card:         #1e293b;   /* slate-800 — cards, inputs */
  --color-card-hover:   #263348;   /* slate-800 lightened */

  /* Borders */
  --color-border:       #334155;   /* slate-700 */
  --color-border-sub:   #1e293b;   /* slate-800 — subtle separator */

  /* Text */
  --color-text-strong:  #f8fafc;   /* slate-50  — headings */
  --color-text:         #e2e8f0;   /* slate-200 — body */
  --color-text-sub:     #94a3b8;   /* slate-400 — secondary */
  --color-text-muted:   #64748b;   /* slate-500 — placeholders */

  /* Brand / accent (blue) */
  --color-accent:       #3b82f6;   /* blue-500 */
  --color-accent-dark:  #2563eb;   /* blue-600 — buttons */
  --color-accent-hover: #1d4ed8;   /* blue-700 — button hover */
  --color-accent-light: #60a5fa;   /* blue-400 — links */
  --color-accent-bg:    rgba(37, 99, 235, 0.15);  /* accent background tint */

  /* Semantic */
  --color-success:      #22c55e;   /* green-500 */
  --color-warning:      #f59e0b;   /* amber-500 */
  --color-danger:       #ef4444;   /* red-500 */
  --color-info:         #06b6d4;   /* cyan-500 */

  /* Status badges */
  --color-badge-concept:     #64748b;  /* slate — idea, not started */
  --color-badge-development: #60a5fa;  /* blue — in progress */
  --color-badge-beta:        #f59e0b;  /* amber — testing */
  --color-badge-mvp:         #a78bfa;  /* violet — milestone */
  --color-badge-active:      #22c55e;  /* green — launched */
  --color-badge-paused:      #ef4444;  /* red — stopped */

  /* Glass effect */
  --color-glass-bg:     rgba(255, 255, 255, 0.04);
  --color-glass-border: rgba(255, 255, 255, 0.08);

  /* Scrollbar */
  --scrollbar-width: 6px;
  --scrollbar-thumb: #334155;
  --scrollbar-track: #0f172a;

  /* Shadows */
  --shadow-sm:  0 1px 3px rgba(0, 0, 0, 0.5);
  --shadow-md:  0 4px 16px rgba(0, 0, 0, 0.4);
  --shadow-lg:  0 8px 32px rgba(0, 0, 0, 0.5);
  --shadow-accent: 0 4px 24px rgba(37, 99, 235, 0.3);

  /* Focus ring */
  --focus-ring: 0 0 0 3px rgba(59, 130, 246, 0.4);
}

/* Scrollbar */
::-webkit-scrollbar               { width: var(--scrollbar-width); height: var(--scrollbar-width); }
::-webkit-scrollbar-track         { background: var(--scrollbar-track); }
::-webkit-scrollbar-thumb         { background: var(--scrollbar-thumb); border-radius: 3px; }
::-webkit-scrollbar-thumb:hover   { background: #475569; }