:root {
    /* TFL Color Palette */
    --tfl-navy: #1e3a8a;
    /* Lacivert - Primary */
    --tfl-gray: #f8fafc;
    /* Gri (Beyaza yakın) - Background */
    --tfl-yellow: #fbbf24;
    /* Sarı (Logodaki) - Accent/Secondary */
    --tfl-red: #ef4444;
    /* Kırmızı - Danger/Action */
    --tfl-text: #1e293b;
    /* Koyu Gri/Lacivert - Text */
}

/* Custom Utilities if needed */
.bg-tfl-navy {
    background-color: var(--tfl-navy);
}

.text-tfl-navy {
    color: var(--tfl-navy);
}

.bg-tfl-gray {
    background-color: var(--tfl-gray);
}

.bg-tfl-yellow {
    background-color: var(--tfl-yellow);
}

.text-tfl-yellow {
    color: var(--tfl-yellow);
}

.bg-tfl-red {
    background-color: var(--tfl-red);
}

.text-tfl-red {
    color: var(--tfl-red);
}

/* Scrollbar Customization */
::-webkit-scrollbar {
    width: 6px;
    height: 6px;
}

::-webkit-scrollbar-track {
    background: transparent;
}

::-webkit-scrollbar-thumb {
    background: #cbd5e1;
    border-radius: 3px;
}

::-webkit-scrollbar-thumb:hover {
    background: #94a3b8;
}