/* Luxe Typography & Kleuren */
:root {
    --gold-primary: #d4af37;
    --gold-secondary: #f2d472;
    --slate-dark: #0f172a;
}

body {
    scroll-behavior: smooth;
    -webkit-font-smoothing: antialiased;
}

/* Gradient voor knoppen en koppen */
.gold-gradient {
    background: linear-gradient(135deg, var(--gold-primary) 0%, var(--gold-secondary) 100%);
}

/* AdSense Placeholder Styling (Voor Google validatie) */
.ad-placeholder {
    background: #f8fafc;
    border: 2px dashed #e2e8f0;
    display: flex;
    align-items: center;
    justify-content: center;
    color: #94a3b8;
    margin: 2rem 0;
    min-height: 250px;
    border-radius: 1rem;
}

/* Hover effecten voor vergelijker kaarten */
.hover-card {
    transition: transform 0.3s ease, box-shadow 0.3s ease;
}

.hover-card:hover {
    transform: translateY(-5px);
    box-shadow: 0 20px 25px -5px rgb(0 0 0 / 0.1), 0 8px 10px -6px rgb(0 0 0 / 0.1);
}

/* Animatie voor de resultaten van de tool */
@keyframes slideUp {
    from { opacity: 0; transform: translateY(20px); }
    to { opacity: 1; transform: translateY(0); }
}

.animate-result {
    animation: slideUp 0.5s ease-out forwards;
}