/* Dark Dystopia Theme */

body {
    background: #0F0C0A;
    color: #CDC6BE;
}

h1, h2, h3, h4 {
    color: #FF4F4F;
}

.navbar {
    background: rgba(15, 12, 10, 0.9);
}

.navbar a {
    color: #CDC6BE;
}

.navbar a:hover {
    color: #FFA94F;
}

.line {
    background: #CDC6BE;
}

.navbar .menu-items {
    background: #0F0C0A;
    box-shadow: 5px 0 10px 0 rgba(255, 79, 79, 0.2);
}

.catalog-btn {
    background: linear-gradient(135deg, #FF4F4F 0%, #FFA94F 100%);
    color: #0F0C0A;
    box-shadow: 0 0 15px rgba(255, 79, 79, 0.5);
}

.feedback-btn {
    background: linear-gradient(135deg, #FF4F4F 0%, #FFA94F 100%);
    color: #0F0C0A;
    box-shadow: 0 0 15px rgba(255, 79, 79, 0.5);
}

.feedback-field {
    background-color: #1A1714;
    color: #CDC6BE;
    border: 1px solid #FF4F4F;
    box-shadow: 0 0 5px rgba(255, 79, 79, 0.3);
}

footer {
    background: #0F0C0A;
    border-top: 1px solid #FF4F4F;
}

footer a {
    color: #CDC6BE;
}

footer a:hover {
    color: #FFA94F;
}

.copyright {
    color: #FF4F4F;
}

.info-links a {
    color: #CDC6BE;
}

.info-links a:hover {
    color: #FFA94F;
}

.header {
    background: linear-gradient(rgba(15, 12, 10, 0.7), rgba(15, 12, 10, 0.7)), url("/api/placeholder/1900/1000");
}

.category-card {
    background: #1A1714;
    box-shadow: 0 4px 10px rgba(255, 79, 79, 0.3);
    border: 1px solid rgba(255, 79, 79, 0.1);
}

.timeline-item {
    background: #1A1714;
    border-left: 3px solid #FFA94F;
}

ol li:before {
    color: #FFA94F;
}