/* 1. Default (Light) Theme */
:root {
  --background: #FFFFFF;
  --foreground: #020817;
  --card: #FFFFFF;
  --card-foreground: #020817;
  --primary: #1E40AF;
  --primary-foreground: #EFF6FF;
  --muted: #F1F5F9;
  --muted-foreground: #64748B;
  --border: #E2E8F0;
}

/* 2. Dark Theme */
.dark {
  --background: #020817;
  --foreground: #F8FAFC;
  --card: #0F172A;
  --muted: rgba(255, 255, 255, 0.05);
  --input: rgba(255, 255, 255, 0.05);
  /* ...and so on for all dark mode variables */
}

/* 3. Accent Themes */
.theme-green {
  --primary: #16A34A;
  --primary-foreground: #F0FDF4;
}
.dark.theme-green {
  --primary: #22C55E;
  --primary-foreground: #052E16;
}