@import url('https://fonts.googleapis.com/css2?family=Roboto:wght@300;400;700&display=swap');

body {
    font-family: 'Roboto', sans-serif;
    background-color: #1a1a1a;
    color: #e0e0e0;
}

/* Nissan Brand Colors */
.text-nissan-red { color: #c3002f; }
.bg-nissan-red { background-color: #c3002f; }
.border-nissan-red { border-color: #c3002f; }

/* Components */
.card {
    background-color: #2d2d2d;
    border-left: 4px solid #c3002f;
    transition: all 0.3s ease;
}

.card:hover {
    transform: translateX(5px);
}

.tab-active {
    border-bottom: 2px solid #c3002f;
    color: #fff;
}

.tab-inactive {
    color: #888;
}

.highlight {
    background-color: #4a1a1a;
    color: #ffcccc;
    padding: 2px 5px;
    border-radius: 4px;
}

/* Utilities */
.hidden {
    display: none !important;
}

.fade-in {
    animation: fadeIn 0.3s ease-in;
}

@keyframes fadeIn {
    from { opacity: 0; transform: translateY(5px); }
    to { opacity: 1; transform: translateY(0); }
}