/**
 * Box Selenia — paleta Rainha / folheados (bege + dourado).
 * Reforço explícito: o shell não depende só de utilitários Tailwind (evita cache/CDN errado).
 */
:root {
  --box-gold: #c09530;
  --box-surface: #f8f5f0;
  --box-ink: #2d2d2d;
}

html {
  background-color: var(--box-surface);
  color: var(--box-ink);
  margin: 0;
  overflow-x: hidden;
  padding: 0;
  width: 100%;
}

body {
  font-family: 'Inter', system-ui, sans-serif;
  background: var(--box-surface) !important;
  color: var(--box-ink);
  margin: 0;
  max-width: 100%;
  overflow-x: hidden;
  padding: 0;
  -webkit-font-smoothing: antialiased;
  width: 100%;
}

.font-heading {
  font-family: 'Manrope', 'Inter', sans-serif;
}

@keyframes fadeSlideIn {
  0% { opacity: 0; transform: translateY(10px); }
  100% { opacity: 1; transform: translateY(0); }
}

@keyframes modalIn {
  0% { opacity: 0; transform: scale(0.96) translateY(8px); }
  100% { opacity: 1; transform: scale(1) translateY(0); }
}

.animate-fade-slide {
  animation: fadeSlideIn 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94) both;
}

.animate-modal {
  animation: modalIn 0.28s cubic-bezier(0.25, 0.46, 0.45, 0.94) both;
}

.slicer-detail > summary {
  list-style: none;
}

.slicer-detail > summary::-webkit-details-marker {
  display: none;
}

.slicer-detail[open] .slicer-chevron {
  transform: rotate(180deg);
}