@import url('https://fonts.googleapis.com/css2?family=Noto+Serif+KR:wght@300;400;600&display=swap');

:root {
    --brand-dark: #121212;
    --brand-light: #E0E0E0;
    --brand-gold: #c5b358;
}

body {
    background-color: var(--brand-dark);
    color: var(--brand-light);
    font-family: 'Noto Serif KR', serif;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.font-serif {
    font-family: 'Noto Serif KR', serif;
}

.bg-brand-dark {
    background-color: var(--brand-dark);
}

.text-brand-light {
    color: var(--brand-light);
}

.text-brand-gold {
    color: var(--brand-gold);
}

.map-iframe {
    filter: grayscale(1) invert(0.9);
}

.gallery-item {
    opacity: 0;
    transform: translateY(20px);
}

.animated-element {
    opacity: 0;
}