:root {
    --primary-color: #2ecc71; /* Light theme green */
    --body-bg: #f9fafb;
}
.dark {
    --primary-color: #22c55e; /* Dark theme brighter green */
    --body-bg: #1f1f1f;
}
body {
  font-family: 'Work Sans', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, 'Noto Sans', sans-serif !important;
  background: var(--body-bg);
}
/* Smooth transitions between light/dark */
* {
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    transition: background-color 0.3s ease, color 0.3s ease;
}