:root {
  --mio-wine-950: #24030a;
  --mio-wine-900: #350610;
  --mio-wine-800: #4a0a17;
  --mio-wine-700: #641227;
  --mio-gold-500: #c59a45;
  --mio-gold-300: #e7cc8a;
  --mio-ivory: #fffaf0;
  --mio-cream: #f4ead9;
  --mio-ink: #211719;
  --mio-muted: #73676a;
}
*, *::before, *::after { box-sizing: border-box; }
html { scroll-behavior: smooth; -webkit-text-size-adjust: 100%; }
body { min-width: 320px; margin: 0; overflow-x: hidden; }
img, svg, video, canvas { display: block; max-width: 100%; }
button, input, select, textarea { font: inherit; }
a { color: inherit; }
:focus-visible { outline: 3px solid var(--mio-gold-300); outline-offset: 4px; }
.skip-link { position: fixed; z-index: 9999; top: 12px; left: 12px; transform: translateY(-160%); padding: 12px 16px; border-radius: 10px; color: #23130b; background: var(--mio-gold-300); font-weight: 800; text-decoration: none; transition: transform .2s ease; }
.skip-link:focus { transform: translateY(0); }
.noscript-notice { position: fixed; z-index: 9999; right: 14px; bottom: 14px; left: 14px; margin: 0; padding: 14px 18px; border-radius: 12px; color: #fff; background: #4a0a17; text-align: center; }
@media (prefers-reduced-motion: reduce) { *, *::before, *::after { scroll-behavior: auto !important; animation-duration: .01ms !important; animation-iteration-count: 1 !important; transition-duration: .01ms !important; } }