:root {
    --bg: #070912;
    --ink: #f1f4ff;
    --muted: #8c91a6;
    --accent: #5ce2ee;
    --accent-text: #78e8fa;
    --accent-ink: #031217;
    --accent-soft: rgba(92, 226, 238, .2);
    --line: rgba(220, 228, 255, .14);
    --surface: #101525;
    --glass: rgba(15, 20, 38, .72);
    --contact-bg: #7955f4;
    --contact-ink: #fff;
    --preloader-bg: #050610;
    --preloader-ink: #fff;
}

.production-home {
    background-image:
        radial-gradient(circle at 90% 15%, rgba(76, 82, 255, .13), transparent 28%),
        radial-gradient(circle at 10% 48%, rgba(174, 64, 255, .08), transparent 25%);
}

.production-home .brand__disc {
    background: linear-gradient(135deg, #5ce2ee, #7d5bff);
    box-shadow: 0 0 25px rgba(92, 226, 238, .3);
}

.production-home .service-card {
    background: linear-gradient(145deg, rgba(255, 255, 255, .025), transparent);
}

.production-home .service-card:nth-child(4) {
    background: linear-gradient(145deg, rgba(92, 226, 238, .12), rgba(126, 90, 255, .1));
}

.production-home .vibe__visual {
    background: radial-gradient(circle at 50%, rgba(86, 72, 210, .35), #0b1020 65%);
}

.production-home .code-card {
    border-color: rgba(92, 226, 238, .25);
    box-shadow: 0 30px 80px rgba(0, 0, 0, .55), 0 0 50px rgba(92, 226, 238, .08);
}

.production-home .contact {
    background: linear-gradient(135deg, #4735b9, #7454e9 50%, #395ddd);
}

.production-home .contact .button {
    background: #fff;
    color: #251660;
}

.production-home .work-card--one .work-art {
    background: linear-gradient(145deg, #141d31, #31515a);
    color: #9af5de;
}

.production-home .work-card--two .work-art {
    background: linear-gradient(145deg, #291a55, #121a33);
    color: #a3c8ff;
}

.production-home .section-label::before {
    content: "✦";
    color: var(--accent);
    margin-right: .7rem;
}

.production-home .button--header {
    background: rgba(255, 255, 255, .04);
    backdrop-filter: blur(10px);
}