/* Anthares Home — base
   Todas as variáveis vivem dentro de .anth-home, nunca em :root,
   para não vazar pro tema nem sofrer interferência dele. */

.anth-home {
  --bg: #00040a;
  --bg-deep: #00040a;
  --surface: #111827;
  --surface-2: #161f33;
  --border: #242e46;
  --teal: #1ec8a5;
  --teal-solid: #0a947b;
  --teal-dim: #0f6e56;
  --gold: #d9b46a;
  --gold-dim: #7a6231;
  --text: #e9edf6;
  --text-dim: #9aa4bd;
  --text-faint: #5c657c;
  --serif: 'Cormorant Garamond', serif;
  --sans: 'Inter', sans-serif;

  background: var(--bg);
  color: var(--text);
  font-family: var(--sans);
  line-height: 1.6;
  overflow-x: hidden;
}

/* Versão clara — ativada via data-theme="light" no wrapper */
.anth-home[data-theme="light"] {
  --bg: #f7f5ef;
  --bg-deep: #efece2;
  --surface: #ffffff;
  --surface-2: #f1eee5;
  --border: #ddd7c7;
  --teal: #0f8a6c;
  --teal-solid: #0f8a6c;
  --teal-dim: #d7f0e9;
  --gold: #a3812f;
  --gold-dim: #f1e4c4;
  --text: #1c2230;
  --text-dim: #565f74;
  --text-faint: #8a92a5;
}

.anth-home * {
  box-sizing: border-box;
}

.anth-home img,
.anth-home video {
  max-width: 100%;
  display: block;
}

.anth-home a {
  color: inherit;
}

.anth-home .anth-wrap {
  max-width: 1040px;
  margin: 0 auto;
  padding-left: 32px !important;
  padding-right: 32px !important;
}

.anth-home .anth-wrap--wide {
  max-width: 1440px;
}

@media (max-width: 720px) {
  .anth-home .anth-wrap {
    padding-left: 20px !important;
    padding-right: 20px !important;
  }
}

/* Botões — compartilhado entre seções */
.anth-home .anth-btn {
  display: inline-block;
  font-family: var(--sans);
  font-weight: 600;
  font-size: 14px;
  padding: 13px 24px;
  border-radius: 6px;
  cursor: pointer;
  border: 1px solid transparent;
  text-decoration: none;
  transition: transform 0.15s ease;
}

.anth-home .anth-btn:hover {
  transform: translateY(-1px);
}

.anth-home .anth-btn.anth-btn-primary {
  background: var(--teal-solid) !important;
  color: #ffffff !important;
}

.anth-home .anth-btn.anth-btn-secondary {
  background: transparent !important;
  color: var(--text) !important;
  border-color: var(--border) !important;
}

/* Slot de mídia progressiva: poster sempre visível até o vídeo assumir */
.anth-home .anth-media {
  position: relative;
  overflow: hidden;
}

.anth-home .anth-media img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  position: absolute;
  inset: 0;
}

.anth-home .anth-media video {
  width: 100%;
  height: 100%;
  object-fit: cover;
  position: absolute;
  inset: 0;
  opacity: 0;
  transition: opacity 0.5s ease;
}

.anth-home .anth-media.is-video-ready video {
  opacity: 1;
}

.anth-home .anth-media.is-video-ready img {
  opacity: 0;
  transition: opacity 0.5s ease;
}