/* Studio-specific color scheme */
:root {
    --bg: #0f0f10;
    --muted: #cfcfd3;
    --text: #1b1b1b;
    --accent: #ff4081;
    --accent-90: rgba(var(--accent-rgb), 0.9);
    --accent-10: rgba(var(--accent-rgb), 0.1);
    --accent-light: color-mix(in srgb, var(--accent) 30%, white);
}

/* Studio-specific gradient background - Applied to body for full width */
body .site-content {
    background: linear-gradient(0deg, #b32c5975, #00000063);
}

/* Studio-specific nav button styling */
.nav-item {
    background: linear-gradient(135deg, #d81b60, #ff4081);
}

.nav-item:hover {
    background: linear-gradient(135deg, #ec407a, #f48fb1);
}

/* Studio card hover color */
.card:hover {
    border-color: rgba(255, 64, 129, 0.5);
}

/* VFX Card */
.card-vfx .card-header {
    background: linear-gradient(135deg, #9c27b0, #e91e63);
    color: #fff;
}

.card-vfx .card-header i {
    color: #fff;
}

.card-vfx .card-body {
    background: linear-gradient(135deg, rgba(156, 39, 176, 0.08), rgba(233, 30, 99, 0.08));
}

/* Combined Games + 3D Card */
.card-games-3d .card-header {
    background: linear-gradient(135deg, #2196f3, #00bcd4, #ff9800, #ff5722);
    color: #fff;
    display: flex;
    align-items: center;
    gap: 10px;
}

.card-games-3d .card-header i {
    color: #fff;
    font-size: 1.4em;
}

.card-games-3d .card-body {
    background: linear-gradient(
        135deg,
        rgba(33, 150, 243, 0.08),
        rgba(0, 188, 212, 0.08),
        rgba(255, 152, 0, 0.08),
        rgba(255, 87, 34, 0.08)
    );
}

/* Production Help Card */
.card-production .card-header {
    background: linear-gradient(135deg, #6a1b9a, #ff6f00);
    color: #fff;
    display: flex;
    align-items: center;
    gap: 10px;
}

.card-production .card-header i {
    color: #fff;
    font-size: 1.4em;
}

.card-production .card-body {
    background: linear-gradient(135deg, rgba(106, 27, 154, 0.08), rgba(255, 111, 0, 0.08));
}


/* Audio Card */
.card-audio .card-header {
    background: linear-gradient(135deg, #4caf50, #8bc34a);
    color: #fff;
}

.card-audio .card-header i {
    color: #fff;
}

.card-audio .card-body {
    background: linear-gradient(135deg, rgba(76, 175, 80, 0.08), rgba(139, 195, 74, 0.08));
}

/* Test button styling */
.test-button {
    padding: 0.5rem 2rem;
    border-radius: 15px;
    margin: 1rem 0.5rem;
    font-weight: 900;
    border: 2px solid rgba(255, 255, 255, 0.3);
    box-shadow: 0 4px 12px rgba(0, 0, 0, 0.4);
    transition: all 0.3s ease;
    background: linear-gradient(135deg, #c71585, #ff69b4);
    color: #ffffff !important;
    cursor: pointer;
    font-family: 'Inter Tight', sans-serif;
    text-shadow: 0 1px 2px rgba(0, 0, 0, 0.2);
    display: inline-block;
    text-decoration: none !important;
}

.test-button:hover {
    border: 2px solid rgba(255, 255, 255, 0.8);
    transform: translateY(-2px);
    box-shadow: 0 6px 16px rgba(0, 0, 0, 0.5);
    background: linear-gradient(135deg, #ff1493, #ff69b4);
    color: #ffffff !important;
    text-shadow: 0 1px 3px rgba(0, 0, 0, 0.3);
    text-decoration: none !important;
}