@import "tailwindcss";

:root {
  --background: #ffffff;
  --foreground: #171717;
  --primary: #2563eb; /* blue-600 */
  --secondary: #22c55e; /* green-500 */
  --accent: #a21caf; /* purple-700 */
  --muted: #f3f4f6; /* gray-100 */
  --border: #e5e7eb; /* gray-200 */
  --statcard-primary-bg: #e0e7ff; /* indigo-100 */
  --statcard-primary-border: #2563eb; /* blue-600 */
  --statcard-secondary-bg: #dcfce7; /* green-100 */
  --statcard-secondary-border: #22c55e; /* green-500 */
  --statcard-accent-bg: #f3e8ff; /* purple-100 */
  --statcard-accent-border: #a21caf; /* purple-700 */
  --statcard-default-bg: var(--background);
  --statcard-default-border: var(--border);
}

.dark {
  --background: #0a0a0a;
  --foreground: #ededed;
  --muted: #171717;
  --border: #232323;
  --statcard-primary-bg: #1e293b; /* slate-800 */
  --statcard-primary-border: #2563eb; /* blue-600 */
  --statcard-secondary-bg: #052e16; /* green-950 */
  --statcard-secondary-border: #22c55e; /* green-500 */
  --statcard-accent-bg: #3b0764; /* purple-950 */
  --statcard-accent-border: #a21caf; /* purple-700 */
  --statcard-default-bg: var(--background);
  --statcard-default-border: var(--border);
}

body {
  background: var(--background);
  color: var(--foreground);
  font-family: Arial, Helvetica, sans-serif;
  transition: background 0.2s, color 0.2s;
}

::-webkit-scrollbar {
  width: 8px;
  background: var(--muted);
}
::-webkit-scrollbar-thumb {
  background: var(--border);
  border-radius: 4px;
}
