/* Dark theme (default) */

[data-theme="dark"] {
  --bg-primary: #0f1117;
  --bg-secondary: #161822;
  --bg-card: #1a1d27;
  --bg-card-hover: #222531;
  --bg-input: #1e2130;
  --bg-code: #1e1e2e;

  --text-primary: #e4e4e7;
  --text-secondary: #a1a1aa;
  --text-muted: #71717a;

  --border: #27272a;
  --border-light: #3f3f46;

  --accent: #f97316;
  --accent-hover: #fb923c;
  --accent-muted: rgba(249, 115, 22, 0.15);

  --accent-secondary: #8b5cf6;
  --accent-secondary-muted: rgba(139, 92, 246, 0.15);

  --success: #22c55e;
  --success-muted: rgba(34, 197, 94, 0.15);
  --warning: #eab308;
  --warning-muted: rgba(234, 179, 8, 0.15);
  --error: #ef4444;
  --error-muted: rgba(239, 68, 68, 0.15);

  --progress-track: #27272a;
  --progress-fill: var(--accent);

  color-scheme: dark;
}

/* Light theme */

[data-theme="light"] {
  --bg-primary: #fafafa;
  --bg-secondary: #f4f4f5;
  --bg-card: #ffffff;
  --bg-card-hover: #f9f9fb;
  --bg-input: #f4f4f5;
  --bg-code: #f8f8fc;

  --text-primary: #18181b;
  --text-secondary: #52525b;
  --text-muted: #a1a1aa;

  --border: #e4e4e7;
  --border-light: #d4d4d8;

  --accent: #ea580c;
  --accent-hover: #f97316;
  --accent-muted: rgba(234, 88, 12, 0.1);

  --accent-secondary: #7c3aed;
  --accent-secondary-muted: rgba(124, 58, 237, 0.1);

  --success: #16a34a;
  --success-muted: rgba(22, 163, 74, 0.1);
  --warning: #ca8a04;
  --warning-muted: rgba(202, 138, 4, 0.1);
  --error: #dc2626;
  --error-muted: rgba(220, 38, 38, 0.1);

  --progress-track: #e4e4e7;
  --progress-fill: var(--accent);

  --shadow-sm: 0 1px 2px rgba(0, 0, 0, 0.05);
  --shadow-md: 0 4px 12px rgba(0, 0, 0, 0.08);
  --shadow-lg: 0 8px 24px rgba(0, 0, 0, 0.1);

  color-scheme: light;
}