/* ── YUEM Vitrin Theme — site geneli ─────────────────── */

:root {
  --ink: #12100e;
  --ink-elevated: #1a1714;
  --ink-soft: #221e19;
  --fog: #f3ebe0;
  --fog-muted: rgba(243, 235, 224, 0.62);
  --fog-faint: rgba(243, 235, 224, 0.38);
  --fog-ghost: rgba(243, 235, 224, 0.14);
  --brass: #c4a27a;
  --brass-dark: #a88760;
  --brass-light: #d4b896;
  --brass-soft: rgba(196, 162, 122, 0.55);
  --line: rgba(243, 235, 224, 0.08);
  --line-strong: rgba(196, 162, 122, 0.32);
  --shadow: 0 12px 40px rgba(0, 0, 0, 0.35);
  --ease-lux: cubic-bezier(0.22, 1, 0.36, 1);
}

html {
  color-scheme: dark;
}

body {
  background-color: var(--ink);
  color: var(--fog);
  background-image:
    radial-gradient(ellipse 90% 55% at 50% -10%, rgba(196, 162, 122, 0.12) 0%, transparent 55%),
    radial-gradient(ellipse 70% 50% at 100% 30%, rgba(42, 36, 28, 0.55) 0%, transparent 50%),
    radial-gradient(ellipse 60% 40% at 0% 80%, rgba(34, 30, 25, 0.7) 0%, transparent 45%);
  background-attachment: fixed;
}

/* Chrome — tüm sayfalar */
#site-brand {
  color: var(--fog);
}

#site-tagline {
  color: var(--fog-faint);
}

#site-header .nav-link {
  color: rgba(243, 235, 224, 0.72);
}

#site-header .nav-link:hover,
#site-header .nav-link--active {
  color: var(--brass);
}

#site-header .nav-link::after {
  background-color: var(--brass);
}

#site-header.is-scrolled {
  background-color: rgba(18, 16, 14, 0.78);
  backdrop-filter: blur(16px);
  -webkit-backdrop-filter: blur(16px);
  border-bottom: 1px solid var(--line);
  box-shadow: 0 8px 28px rgba(0, 0, 0, 0.25);
}

#site-header.is-scrolled .nav-link {
  color: rgba(243, 235, 224, 0.78);
}

#menu-toggle {
  border-color: rgba(243, 235, 224, 0.16);
}

#menu-toggle svg {
  color: var(--fog);
}

#mobile-menu {
  background: rgba(18, 16, 14, 0.96);
  border-color: var(--line);
}

.mobile-nav-link {
  color: rgba(243, 235, 224, 0.82);
  border-bottom-color: var(--line);
}

.mobile-nav-link:hover,
.mobile-nav-link--active {
  color: var(--brass);
}

#site-footer-root footer {
  background: var(--ink-elevated);
  border-top: 1px solid var(--line);
}

#footer-brand {
  color: var(--fog);
}

.footer-link {
  color: var(--fog-faint);
}

.footer-link:hover {
  color: var(--brass);
}

/* Atmosfer — bölüm ayracı */
.theme-veil {
  position: relative;
}

.theme-veil::before {
  content: '';
  position: absolute;
  inset: 0;
  pointer-events: none;
  background: linear-gradient(180deg, transparent 0%, rgba(18, 16, 14, 0.35) 100%);
  opacity: 0.5;
}