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

/* Base styles */
:root {
    --primary: #0F172A;
    --secondary: #3B82F6;
    --accent: #22C55E;
    --darkbg: #0B1120;
    --surface: #1F2937;
    --action: #0066FF;
}

body {
    font-family: 'Inter', sans-serif;
    line-height: 1.6;
    color: #1F2937;
}

.dark body {
    color: #F3F4F6;
}

/* Smooth transitions for theme switching */
* {
    transition: background-color 0.3s ease, border-color 0.3s ease;
}

/* Accessibility focus styles */
a:focus, button:focus, input:focus {
    outline: 2px solid var(--secondary);
    outline-offset: 2px;
}

/* Custom scrollbar for dark mode */
.dark ::-webkit-scrollbar {
    width: 8px;
}

.dark ::-webkit-scrollbar-track {
    background: var(--surface);
}

.dark ::-webkit-scrollbar-thumb {
    background: var(--secondary);
    border-radius: 4px;
}

.dark ::-webkit-scrollbar-thumb:hover {
    background: #2563EB;
}

/* Animation for feature cards */
.feature-card {
    transform: translateY(0);
    transition: transform 0.3s ease, box-shadow 0.3s ease;
}

.feature-card:hover {
    transform: translateY(-5px);
}

/* Loading animation */
@keyframes pulse {
    0%, 100% {
        opacity: 1;
    }
    50% {
        opacity: 0.5;
    }
}

.animate-pulse {
    animation: pulse 2s cubic-bezier(0.4, 0, 0.6, 1) infinite;
}

/* Responsive typography */
@media (min-width: 768px) {
    html {
        font-size: 18px;
    }
}

/* Print styles */
@media print {
    .no-print {
        display: none !important;
    }
}