/* PostgreSQL course theme */
:root {
    --course-accent: #336791;
    --primary-gradient: linear-gradient(135deg, #1e3a5f 0%, #336791 50%, #4a90c2 100%);
    --glow-effect: 0 0 20px rgba(51, 103, 145, 0.45);
    --card-shadow-hover: 0 20px 60px rgba(51, 103, 145, 0.28);
}

.hero-section .hero-title .hero-accent {
    color: #7ec8e3;
}

.hero-section .btn-outline-light:hover {
    color: #336791 !important;
}

.navbar:not(.navbar--home) .nav-link:hover,
.navbar:not(.navbar--home) .nav-link.active {
    color: #336791 !important;
}

.navbar-toggler-icon {
    background-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'%3e%3cpath stroke='%23336791' stroke-linecap='round' stroke-miterlimit='10' stroke-width='2' d='M4 7h22M4 15h22M4 23h22'/%3e%3c/svg%3e");
}

.card:hover,
.tech-stack span:hover {
    border-color: #336791;
}

.tech-stack span:hover {
    color: #336791;
}

.tech-stack {
    border-color: rgba(51, 103, 145, 0.25);
}

.learning-card .icon-wrapper {
    background: var(--primary-gradient) !important;
    box-shadow: 0 8px 25px rgba(51, 103, 145, 0.35);
}

#program .module-card {
    border-top: 4px solid #336791;
}

#program .module-duration {
    background: rgba(51, 103, 145, 0.12);
    color: #1e3a5f;
}

.program-compare {
    border-left-color: #336791;
    background: rgba(51, 103, 145, 0.08);
}

.final-project-card {
    background: var(--primary-gradient);
    box-shadow: 0 20px 60px rgba(51, 103, 145, 0.35);
}

.btn-success,
.card.border-success .card-header.bg-success {
    background: linear-gradient(135deg, #336791, #4a90c2) !important;
    border-color: #336791 !important;
}

.text-success {
    color: #336791 !important;
}

.teacher-badge {
    background: rgba(51, 103, 145, 0.12);
    color: #1e3a5f;
}

.hero-visual--light {
    min-height: 220px;
    background: #fff;
    border: 1px solid rgba(51, 103, 145, 0.2);
}

.hero-visual--light i {
    color: #336791;
    font-size: 5rem;
}