@import url('https://fonts.googleapis.com/css2?family=Cinzel:wght@400;600;700&family=Inter:wght@300;400;500;600&display=swap');

body {
    background-color: #080808;
    color: #ffffff;
    font-family: 'Inter', sans-serif;
    text-rendering: optimizeLegibility;
    -webkit-font-smoothing: antialiased;
}

.font-serif-custom {
    font-family: 'Cinzel', serif;
}

.text-gold {
    color: #c9a05b;
}

.bg-gold {
    background-color: #c9a05b;
}

.border-gold {
    border-color: #c9a05b;
}

.card-bg {
    background: linear-gradient(145deg, #121212 0%, #0d0d0d 100%);
    border: 1px solid #1f1f1f;
    transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
}

.card-bg:hover {
    border-color: #c9a05b;
    transform: translateY(-4px);
    box-shadow: 0 12px 30px -10px rgba(201, 160, 91, 0.15);
}

.museum-node:hover .glow-dot {
    box-shadow: 0 0 20px #c9a05b;
    background-color: #fff;
}