/* CSS Variables for Light/Dark Mode */
:root {
  /* Light Mode Colors */
  --background: #ffffff;
  --foreground: #1f2937;
  --muted: #f9fafb;
  --muted-foreground: #6b7280;
  --primary: #4f46e5;
  --primary-rgb: 79, 70, 229;
  --border: #e5e7eb;
  --card-background: #ffffff;
}

[data-theme="dark"] {
  /* Dark Mode Colors */
  --background: #0f172a;
  --foreground: #f1f5f9;
  --muted: #1e293b;
  --muted-foreground: #94a3b8;
  --primary: #6366f1;
  --primary-rgb: 99, 102, 241;
  --border: #334155;
  --card-background: #1e293b;
}