/*
 * Numka — Light theme
 * Counterpart to dark.css — same variable names, inverted values
 */

[data-theme="light"] {
  /* Backgrounds */
  --color-bg:           #f8fafc;   /* slate-50 */
  --color-surface:      #f1f5f9;   /* slate-100 */
  --color-card:         #ffffff;
  --color-card-hover:   #f8fafc;

  /* Borders */
  --color-border:       #e2e8f0;   /* slate-200 */
  --color-border-sub:   #f1f5f9;   /* slate-100 */

  /* Text */
  --color-text-strong:  #0f172a;   /* slate-900 */
  --color-text:         #1e293b;   /* slate-800 */
  --color-text-sub:     #64748b;   /* slate-500 */
  --color-text-muted:   #94a3b8;   /* slate-400 */

  /* Brand / accent (blue) */
  --color-accent:       #2563eb;   /* blue-600 */
  --color-accent-dark:  #1d4ed8;   /* blue-700 */
  --color-accent-hover: #1e40af;   /* blue-800 */
  --color-accent-light: #3b82f6;   /* blue-500 */
  --color-accent-bg:    rgba(37, 99, 235, 0.08);

  /* Semantic */
  --color-success:      #16a34a;   /* green-600 */
  --color-warning:      #d97706;   /* amber-600 */
  --color-danger:       #dc2626;   /* red-600 */
  --color-info:         #0891b2;   /* cyan-600 */

  /* Status badges */
  --color-badge-concept:     #94a3b8;  /* slate — idea, not started */
  --color-badge-development: #2563eb;  /* blue — in progress */
  --color-badge-beta:        #d97706;  /* amber — testing */
  --color-badge-mvp:         #7c3aed;  /* violet — milestone */
  --color-badge-active:      #16a34a;  /* green — launched */
  --color-badge-paused:      #dc2626;  /* red — stopped */

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

  /* Scrollbar */
  --scrollbar-thumb: #cbd5e1;
  --scrollbar-track: #f1f5f9;

  /* Shadows */
  --shadow-sm:  0 1px 3px rgba(0, 0, 0, 0.08);
  --shadow-md:  0 4px 16px rgba(0, 0, 0, 0.10);
  --shadow-lg:  0 8px 32px rgba(0, 0, 0, 0.12);
  --shadow-accent: 0 4px 24px rgba(37, 99, 235, 0.15);

  /* Focus ring */
  --focus-ring: 0 0 0 3px rgba(37, 99, 235, 0.25);
}

/* Scrollbar */
[data-theme="light"] ::-webkit-scrollbar               { width: 6px; height: 6px; }
[data-theme="light"] ::-webkit-scrollbar-track         { background: var(--scrollbar-track); }
[data-theme="light"] ::-webkit-scrollbar-thumb         { background: var(--scrollbar-thumb); border-radius: 3px; }
[data-theme="light"] ::-webkit-scrollbar-thumb:hover   { background: #94a3b8; }