:root {
  --header-bg: #261012;
  --page-bg: #4a111d;
  --page-bg-deep: #21070b;
  --surface: rgba(56, 13, 20, 0.92);
  --surface-soft: rgba(89, 22, 34, 0.74);
  --surface-card: rgba(63, 14, 23, 0.88);
  --text: #fff7ec;
  --muted: #ebcfc3;
  --muted-soft: #c99b90;
  --accent: #ffbf24;
  --accent-strong: #ff9f12;
  --wine-line: rgba(255, 191, 36, 0.25);
  --border: rgba(255, 235, 213, 0.12);
  --border-strong: rgba(255, 191, 36, 0.34);
  --shadow: 0 22px 54px rgba(15, 3, 7, 0.36);
  --radius-lg: 26px;
  --radius-md: 20px;
  --radius-sm: 14px;
  --header-height: 78px;
  --wallpaper-image: url("../assets/img/wallpapers/wallpaper-rosas.webp");
  --wallpaper-opacity: 0.34;
  font-family: Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
}

* {
  box-sizing: border-box;
}

html {
  min-height: 100%;
  background: var(--page-bg-deep);
  scroll-behavior: smooth;
}

body {
  position: relative;
  min-height: 100vh;
  -webkit-user-select: none;
  user-select: none;
  margin: 0;
  overflow-x: hidden;
  color: var(--text);
  background: var(--page-bg-deep);
}

body[data-view="midias"],
body[data-view="archive"],
body[data-view="events"],
body[data-view="immersive"] {
  --wallpaper-image: url("../assets/img/wallpapers/wallpaper-rosas-biquini.webp");
  --wallpaper-opacity: 0.30;
}

body::before,
body::after {
  content: "";
  position: fixed;
  inset: 0;
  pointer-events: none;
}

body::before {
  z-index: 0;
  background-image: var(--wallpaper-image);
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
  opacity: var(--wallpaper-opacity);
  filter: saturate(1.12) contrast(0.96) brightness(0.86);
  transform: scale(1.015);
}

body::after {
  z-index: 0;
  background:
    radial-gradient(circle at 12% 0%, rgba(255, 191, 36, 0.10), transparent 26%),
    radial-gradient(circle at 90% 10%, rgba(232, 45, 77, 0.14), transparent 34%),
    linear-gradient(180deg, rgba(88, 20, 34, 0.76) 0%, rgba(63, 15, 25, 0.84) 44%, rgba(31, 7, 12, 0.92) 100%);
}

img,
svg,
video {
  display: block;
  max-width: 100%;
}

a {
  color: inherit;
  text-decoration: none;
}

button,
a {
  -webkit-tap-highlight-color: transparent;
}

button {
  font: inherit;
}

.view {
  display: none;
}

.view.is-active {
  display: block;
}

body.menu-open,
body.media-open,
body.tag-popup-open {
  overflow: hidden;
}

/* Ajustes controlados pela aba Configurações */
body.wallpapers-disabled::before {
  opacity: 0 !important;
}

body.reduce-motion *,
body.reduce-motion *::before,
body.reduce-motion *::after {
  scroll-behavior: auto !important;
  transition-duration: 0.01ms !important;
  animation-duration: 0.01ms !important;
  animation-iteration-count: 1 !important;
}

.sr-only {
  position: absolute !important;
  width: 1px !important;
  height: 1px !important;
  padding: 0 !important;
  margin: -1px !important;
  overflow: hidden !important;
  clip: rect(0, 0, 0, 0) !important;
  white-space: nowrap !important;
  border: 0 !important;
}