/* Paleta extraída da identidade do produto: marfim, cacau e castanho */
:root,
html body {
  --color-brand-navy: #261511;
  --color-brand-dark: #261511;
  --color-brand-red: #673b1a;
  --color-brand-gold: #a18875;
  --color-brand-gold-dark: #724525;
  --color-brand-green: #724525;
  --color-brand-teal: #8b6f5c;
  --color-brand-teal-dark: #673b1a;
  --color-brand-teal-light: #f1e9e1;

  --background: #fdf9f5;
  --foreground: #261511;
  --card: #fdf9f5;
  --card-foreground: #261511;
  --popover: #fdf9f5;
  --popover-foreground: #261511;
  --primary: #673b1a;
  --primary-foreground: #fdf9f5;
  --secondary: #f1e9e1;
  --secondary-foreground: #261511;
  --muted: #f1e9e1;
  --muted-foreground: #675b56;
  --accent: #d8c6b7;
  --accent-foreground: #261511;
  --border: #c9b7a8;
  --input: #c9b7a8;
  --ring: #724525;
}

/* Superfícies e CTAs seguem a mesma identidade do mockup */
.bg-white { background-color: #fdf9f5 !important; }
.bg-green-600 { background-color: #724525 !important; }
.text-green-600 { color: #724525 !important; }

/* ---- Otimizações de desempenho ---- */

/* Só desenha as seções que estão perto da tela (economiza muito em aparelhos fracos) */
main > section,
main > div > section {
  content-visibility: auto;
  contain-intrinsic-size: auto 600px;
}

/* Imagens nunca causam salto de layout e são compostas de forma barata */
img {
  content-visibility: auto;
}

/* Carrosséis: animação na GPU e pausa quando fora da tela */
.animate-scroll-x {
  will-change: transform;
  transform: translateZ(0);
  backface-visibility: hidden;
}

/* Menos sombras pesadas em telas pequenas */
@media (max-width: 768px) {
  .shadow-2xl { box-shadow: 0 8px 20px rgba(38, 21, 17, 0.12) !important; }
  .shadow-xl  { box-shadow: 0 6px 16px rgba(38, 21, 17, 0.10) !important; }
  .shadow-lg  { box-shadow: 0 4px 12px rgba(38, 21, 17, 0.09) !important; }
}

/* Respeita quem prefere menos movimento e alivia aparelhos lentos */
@media (prefers-reduced-motion: reduce) {
  *,
  *::before,
  *::after {
    animation-duration: 0.001ms !important;
    animation-iteration-count: 1 !important;
    transition-duration: 0.001ms !important;
    scroll-behavior: auto !important;
  }
}