/* project4Style.css — Graph Theory: Flat Buffer
   Deep indigo / data-structures feel */
@import "projectDetailStyle.css";

.project-hero .hero-overlay {
    background: linear-gradient(to top, rgba(15, 10, 40, 0.95) 0%, transparent 100%);
}

.project-tag {
    color: #B39DFF;
    background: rgba(179, 157, 255, 0.1);
    border-color: rgba(179, 157, 255, 0.4);
}

.detail-section h2 {
    color: #5c35cc;
}

.tech-pills span {
    background-color: rgba(92, 53, 204, 0.1);
    border-color: rgba(92, 53, 204, 0.3);
    color: #3e1f9e;
}

.feature-list li::before {
    color: #5c35cc;
}

code {
    background: rgba(92, 53, 204, 0.07);
    color: #3e1f9e;
}

/* Animate the dashed SVG lines in the placeholder hero */
.placeholder-graphic svg line {
    animation: dash-flow 3s linear infinite;
}

@keyframes dash-flow {
    to { stroke-dashoffset: -24; }
}