/* Custom Styles for Deportix Landing Page */

:root {
    /* Default colors - these will be overridden by config.js */
    --color-primary: #1e3a8a; /* blue-900 */
    --color-secondary: #1e40af; /* blue-800 */
    --color-accent: #f59e0b; /* amber-500 */
}

/* Smooth scrolling */
html {
    scroll-behavior: smooth;
}

/* Table styling enhancements */
.overflow-x-auto {
    -webkit-overflow-scrolling: touch;
}

tbody tr:hover {
    background-color: #f9fafb;
}

/* Custom scrollbar */
::-webkit-scrollbar {
    width: 8px;
    height: 8px;
}

::-webkit-scrollbar-track {
    background: #f1f1f1; 
}

::-webkit-scrollbar-thumb {
    background: #c1c1c1; 
    border-radius: 4px;
}

::-webkit-scrollbar-thumb:hover {
    background: #a8a8a8; 
}

/* Animations */
@keyframes fadeIn {
    from { opacity: 0; transform: translateY(10px); }
    to { opacity: 1; transform: translateY(0); }
}

.animate-fade-in {
    animation: fadeIn 0.5s ease-out forwards;
}

/* Highlight row (e.g. for user's team if needed later) */
.highlight-row {
    background-color: rgba(245, 158, 11, 0.1) !important;
    font-weight: 600;
}