:root {
        --zelda-gold: #ffcc00;
}

body {
        background-color: #121212;
        color: white;
}

.card {
        background-color: #1e1e1e;
        border: 1px solid #333;
        color: white;
        transition: transform 0.3s;
}

.card:hover {
        transform: translateY(-5px);
        border-color: var(--zelda-gold);
}

.section-padding {
        padding: 60px 0;
}

.hero-slider img {
        height: 500px;
        object-fit: cover;
        filter: brightness(0.6);
}

.character-card {
        transition: transform 0.3s ease;
        cursor: pointer;
        background: rgba(20, 20, 20, 0.9);
        border: 1px solid #444;
}

.character-card:hover {
        transform: translateY(-10px);
        border-color: #ffcc00;
}

.char-img {
        height: 250px;
        object-fit: contain;
        filter: drop-shadow(0 0 10px rgba(0, 0, 0, 0.5));
}
.hero-section {
            background: linear-gradient(rgba(0,0,0,0.8), rgba(0,0,0,0.8)), url('imgzelda/link_bg.png');
            background-size: cover;
            padding: 80px 0;
        }