/* Shared Spirit-style visual theme for portfolio project pages */
body.spirit-project {
    --spirit-blue: #1e9ff2;
    --spirit-cyan: #5fdfdf;
    --spirit-violet: #7c3aed;
    --spirit-magenta: #ff2d8f;
    --spirit-ink: #f0f4f8;
    --spirit-muted: rgba(240, 244, 248, 0.78);
    color: var(--spirit-ink);
    background:
        radial-gradient(circle at 15% 12%, rgba(95, 223, 223, 0.16), transparent 30%),
        radial-gradient(circle at 84% 14%, rgba(255, 45, 143, 0.2), transparent 28%),
        radial-gradient(circle at 52% 100%, rgba(124, 58, 237, 0.28), transparent 38%),
        linear-gradient(180deg, #0a0e14 0%, #12172a 55%, #0d1117 100%);
}

body.spirit-project::before {
    opacity: 0.2;
}

body.spirit-project .nav {
    background: rgba(10, 8, 16, 0.86);
    border-bottom: 1px solid rgba(95, 223, 223, 0.2);
}

body.spirit-project .section-label {
    color: var(--spirit-cyan);
    border-color: rgba(95, 223, 223, 0.5);
    background: linear-gradient(135deg, rgba(30, 159, 242, 0.12), rgba(124, 58, 237, 0.12));
}

body.spirit-project .section-description,
body.spirit-project p,
body.spirit-project li {
    color: var(--spirit-muted);
}

body.spirit-project .hero-background {
    background:
        radial-gradient(circle at 20% 20%, rgba(95, 223, 223, 0.24), transparent 28%),
        radial-gradient(circle at 80% 14%, rgba(255, 45, 143, 0.24), transparent 30%),
        radial-gradient(circle at 50% 100%, rgba(124, 58, 237, 0.3), transparent 42%);
}

body.spirit-project .portfolio-card,
body.spirit-project .about-grid > div,
body.spirit-project .stat,
body.spirit-project .contact-card {
    background:
        linear-gradient(180deg, rgba(18, 26, 46, 0.88), rgba(20, 12, 32, 0.84));
    border: 1px solid rgba(95, 223, 223, 0.2);
    box-shadow: 0 18px 48px rgba(0, 0, 0, 0.26), 0 0 36px rgba(124, 58, 237, 0.12);
}

body.spirit-project .btn-primary {
    background: linear-gradient(135deg, var(--spirit-blue), var(--spirit-cyan) 45%, var(--spirit-magenta));
    color: #09111a;
    border: none;
}

body.spirit-project .btn-outline {
    border: 1px solid rgba(95, 223, 223, 0.35);
    background: linear-gradient(135deg, rgba(30, 159, 242, 0.12), rgba(124, 58, 237, 0.12));
}

body.spirit-project .footer {
    background: rgba(9, 10, 18, 0.85);
    border-top: 1px solid rgba(30, 159, 242, 0.2);
}