/* Base styles */
@import url('https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap');

body {
    font-family: 'Inter', sans-serif;
    transition: background-color 0.2s ease;
}

/* Custom color classes */
.bg-primary-500 {
    background-color: var(--primary-500, #3B82F6);
}

.bg-secondary-500 {
    background-color: var(--secondary-500, #10B981);
}

.text-primary-600 {
    color: var(--primary-600, #2563EB);
}

.text-secondary-600 {
    color: var(--secondary-600, #059669);
}

/* Dark mode transitions */
.dark .bg-primary-500 {
    background-color: var(--primary-400, #60A5FA);
}

.dark .text-primary-600 {
    color: var(--primary-400, #60A5FA);
}

.dark .text-secondary-600 {
    color: var(--secondary-400, #34D399);
}