[data-theme="dark"] {
  --bg-primary: #0f1117;
  --bg-secondary: #1a1d27;
  --bg-card: #1e2130;
  --bg-card-hover: #252838;
  --bg-code: #151822;
  --border-color: #2a2d3a;
  --border-hover: #3a3d4a;

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

  --accent: #6366f1;
  --accent-hover: #818cf8;
  --accent-muted: rgba(99, 102, 241, 0.15);

  --beginner: #22c55e;
  --intermediate: #f59e0b;
  --advanced: #ef4444;

  --domain-web: #3b82f6;
  --domain-mobile: #8b5cf6;
  --domain-ml: #ec4899;
  --domain-systems: #6366f1;
  --domain-gamedev: #f97316;
  --domain-finance: #14b8a6;
  --domain-bio: #22c55e;
  --domain-security: #ef4444;
  --domain-compression: #a855f7;

  --shadow-card: 0 1px 3px rgba(0, 0, 0, 0.3), 0 1px 2px rgba(0, 0, 0, 0.2);
  --shadow-card-hover: 0 10px 30px rgba(0, 0, 0, 0.4), 0 4px 8px rgba(0, 0, 0, 0.3);
}

[data-theme="light"] {
  --bg-primary: #ffffff;
  --bg-secondary: #f4f4f5;
  --bg-card: #ffffff;
  --bg-card-hover: #f9fafb;
  --bg-code: #f8f9fa;
  --border-color: #e4e4e7;
  --border-hover: #d4d4d8;

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

  --accent: #4f46e5;
  --accent-hover: #4338ca;
  --accent-muted: rgba(79, 70, 229, 0.1);

  --beginner: #16a34a;
  --intermediate: #d97706;
  --advanced: #dc2626;

  --domain-web: #2563eb;
  --domain-mobile: #7c3aed;
  --domain-ml: #db2777;
  --domain-systems: #4f46e5;
  --domain-gamedev: #ea580c;
  --domain-finance: #0d9488;
  --domain-bio: #16a34a;
  --domain-security: #dc2626;
  --domain-compression: #9333ea;

  --shadow-card: 0 1px 3px rgba(0, 0, 0, 0.08), 0 1px 2px rgba(0, 0, 0, 0.06);
  --shadow-card-hover: 0 10px 30px rgba(0, 0, 0, 0.12), 0 4px 8px rgba(0, 0, 0, 0.08);
}