/* Music subdomain color scheme */
:root {
    --bg: #0a0000;
    --muted: #cfcfd3;
    --text: #1b1b1b;
    --accent: #ff0000;
    --accent-90: rgba(255, 0, 0, 0.9);
    --accent-10: rgba(255, 0, 0, 0.1);
    --accent-light: color-mix(in srgb, var(--accent) 30%, white);
}

/* Music site gradient background */
body .site-content {
    background: linear-gradient(0deg, #1f0000, #000000);
}

/* Navigation button branding is defined in navigation.css (.nav-item--music) */

/* Spotify Card - Red/Black */
.card-spotify .card-header {
    background: linear-gradient(135deg, #cc0000, #ff0000);
    color: #fff;
}

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

.card-spotify .card-header h3 {
    color: #fff;
    font-weight: 800;
    text-shadow: 0 2px 4px rgba(0, 0, 0, 0.3);
}

.card-spotify .card-body {
    background: linear-gradient(135deg, rgba(204, 0, 0, 0.08), rgba(255, 0, 0, 0.08));
}

/* YouTube Card - Dark Red/Black */
.card-youtube .card-header {
    background: linear-gradient(135deg, #1a0000, #330000);
    color: #ff0000;
}

.card-youtube .card-header i {
    color: #ff0000;
}

.card-youtube .card-header h3 {
    color: #ff0000;
    font-weight: 800;
    text-shadow: 0 2px 4px rgba(0, 0, 0, 0.5);
}

.card-youtube .card-body {
    background: linear-gradient(135deg, rgba(26, 0, 0, 0.08), rgba(51, 0, 0, 0.08));
}

/* SoundCloud Card - Red/Dark */
.card-soundcloud .card-header {
    background: linear-gradient(135deg, #660000, #990000);
    color: #fff;
}

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

.card-soundcloud .card-header h3 {
    color: #fff;
    font-weight: 800;
    text-shadow: 0 2px 4px rgba(0, 0, 0, 0.3);
}

.card-soundcloud .card-body {
    background: linear-gradient(135deg, rgba(102, 0, 0, 0.08), rgba(153, 0, 0, 0.08));
}