/* ── Reset ── */
*, *::before, *::after { box-sizing: border-box; margin: 0; padding: 0; }
body { background: var(--light); color: var(--text); font-family: 'Raleway', sans-serif; min-height: 100vh; }

/* ── Navbar ── */
.site-nav { position: sticky; top: 0; z-index: 100; background: var(--dark); backdrop-filter: blur(12px); border-bottom: 1px solid rgba(255,255,255,.08); padding: .75rem 0; }
.nav-logo { font-family: 'Cinzel Decorative', serif; font-size: 1.1rem; color: #fcd34d; text-decoration: none; letter-spacing: .06em; }
.nav-logo:hover { color: #fde68a; }
.nav-link-item { font-family: 'Cinzel', serif; font-size: .72rem; letter-spacing: .12em; text-transform: uppercase; color: var(--nav-text); text-decoration: none; transition: color .2s; padding: .3rem .6rem; }
.nav-link-item:hover, .nav-link-item.active { color: var(--nav-accent); }
.lang-btn { font-family: 'Cinzel', serif; font-size: .7rem; letter-spacing: .1em; padding: .25rem .65rem; border-radius: 6px; border: 1px solid rgba(255,255,255,.18); color: var(--nav-text); background: transparent; text-decoration: none; transition: all .2s; }
.lang-btn:hover { border-color: rgba(255,255,255,.4); color: #fff; background: rgba(255,255,255,.08); }

/* ── Footer ── */
.site-footer { border-top: 1px solid rgba(255,255,255,.08); padding: 2rem 0; text-align: center; font-family: 'Cinzel', serif; font-size: .72rem; letter-spacing: .12em; color: rgba(245,240,255,.45); background: var(--dark); }