/*
 * TEMA SOFISTICADO — verde profundo, bege, off-white e dourado
 * Versão 1.11.1 — títulos dos imóveis em Lora
 *
 * Carregado depois do CSS principal: só troca cores, fontes e acabamento.
 * Para voltar ao visual antigo, basta remover a linha deste arquivo no index.html.
 *
 * Paleta:
 *   Verde profundo  #0A2A25
 *   Bronze/bege     #9A7D55
 *   Dourado         #C9A35A  (degradê #D9B869 → #B8904F)
 *   Off-white       #FCF4E9
 */
@import url("https://fonts.googleapis.com/css2?family=Cormorant+Garamond:wght@500;600;700&display=swap");
@import url("https://fonts.googleapis.com/css2?family=Lora:wght@500;600&display=swap");

:root, .dark {
  --background: 36 70% 96%;          /* off-white #FCF6EC */
  --foreground: 168 30% 12%;         /* tinta verde-escura para textos */
  --card: 40 100% 99%;               /* #FFFDF9 */
  --card-foreground: 168 30% 12%;
  --popover: 40 100% 99%;
  --popover-foreground: 168 30% 12%;
  --primary: 171 62% 10%;            /* #0A2A25 */
  --primary-foreground: 36 76% 95%;  /* off-white */
  --secondary: 39 52% 57%;           /* dourado #C9A35A */
  --secondary-foreground: 171 62% 10%;
  --muted: 36 45% 92%;               /* bege claro #F4EADB */
  --muted-foreground: 30 14% 38%;
  --accent: 35 29% 47%;              /* bronze #9A7D55 */
  --accent-foreground: 36 76% 95%;
  --border: 37 38% 84%;              /* #E6D9C3 */
  --input: 37 38% 82%;
  --ring: 39 52% 57%;
  --lb-ouro: #C9A35A;
  --lb-ouro-claro: #D9B869;
  --lb-ouro-escuro: #B8904F;
  --lb-verde: #0A2A25;
  --lb-verde-2: #123B34;
  --lb-bege: #9A7D55;
  --lb-off: #FCF4E9;
}

body { background: hsl(var(--background)); color: hsl(var(--foreground)); }

/* Títulos em serifa elegante */
h1, h2, .font-serif-lb {
  font-family: "Cormorant Garamond", Georgia, serif !important;
  font-weight: 600 !important;
  letter-spacing: -0.005em !important;
}
h1 { line-height: 1.08 !important; }
h3 { letter-spacing: .01em; }

/* Preços e destaques em verde profundo ficam elegantes; o dourado entra nos detalhes */
.text-primary { color: hsl(var(--primary)) !important; }

/* Botões principais: verde profundo com fio dourado */
.bg-primary {
  background-color: var(--lb-verde) !important;
  color: var(--lb-off) !important;
}
a.bg-primary, button.bg-primary, .bg-primary.inline-flex {
  box-shadow: inset 0 0 0 1px rgba(201,163,90,.55), 0 6px 18px -8px rgba(10,42,37,.55) !important;
  letter-spacing: .02em;
}
a.bg-primary:hover, button.bg-primary:hover, .hover\:bg-primary\/90:hover {
  background-color: var(--lb-verde-2) !important;
}

/* Etiquetas (Casa, Sala comercial...) em verde com letra dourada */
span.bg-primary, div.bg-primary.absolute {
  color: var(--lb-ouro-claro) !important;
  box-shadow: inset 0 0 0 1px rgba(201,163,90,.6) !important;
  text-transform: uppercase;
  letter-spacing: .08em !important;
  font-size: .7rem !important;
}

/* Botões de contorno com fio dourado */
.border-input, .border-primary\/20 { border-color: rgba(185,144,79,.55) !important; }
.hover\:bg-primary\/5:hover, .hover\:bg-accent:hover { background-color: rgba(201,163,90,.12) !important; color: hsl(var(--foreground)) !important; }

/* Cards: fundo marfim, borda bege, sombra suave */
.rounded-2xl.border, .rounded-xl.border, .rounded-lg.border.bg-card {
  border-color: hsl(var(--border)) !important;
}
.shadow-xl { box-shadow: 0 24px 48px -28px rgba(10,42,37,.35) !important; }

/* Topo */
header.sticky {
  background: rgba(252,246,236,.92) !important;
  border-bottom: 1px solid rgba(201,163,90,.35) !important;
}
header.sticky .bg-primary.rounded-xl, header.sticky .bg-primary.rounded-lg {
  background: var(--lb-verde) !important;
  color: var(--lb-ouro-claro) !important;
}

/* Rodapé em verde profundo com títulos dourados */
footer.bg-zinc-950 {
  background: var(--lb-verde) !important;
  color: rgba(252,244,233,.78) !important;
  border-top: 3px solid var(--lb-ouro);
}
footer.bg-zinc-950 h3, footer.bg-zinc-950 .text-white { color: var(--lb-ouro-claro) !important; }
footer.bg-zinc-950 a:hover { color: var(--lb-ouro-claro) !important; }
footer.bg-zinc-950 .border-zinc-800, footer.bg-zinc-950 .border-t { border-color: rgba(201,163,90,.25) !important; }
footer.bg-zinc-950 .bg-zinc-900, footer.bg-zinc-950 .bg-zinc-800 { background: rgba(255,255,255,.06) !important; }
footer.bg-zinc-950 .text-zinc-400, footer.bg-zinc-950 .text-zinc-500 { color: rgba(252,244,233,.6) !important; }

/* Faixas "muted" viram bege claro */
.bg-muted, .bg-muted\/30, .bg-muted\/50 { background-color: hsl(var(--muted)) !important; }

/* Bloco do corretor na ficha */
.lb-contato h3, div.border-t[style*="space-between"] h3 { color: var(--lb-bege) !important; letter-spacing: .14em !important; font-size: .8rem !important; }
.lb-contato a, div.border-t[style*="space-between"] a { border-color: var(--lb-ouro) !important; color: var(--lb-verde) !important; }
.lb-contato a:hover, div.border-t[style*="space-between"] a:hover { background: var(--lb-verde) !important; color: var(--lb-off) !important; }

/* Fio dourado decorativo sob títulos grandes de seção */
section h2.text-3xl::after, section h2.text-4xl::after {
  content: ""; display: block; width: 56px; height: 2px; margin: .75rem auto 0;
  background: linear-gradient(90deg, var(--lb-ouro-claro), var(--lb-ouro-escuro));
}
.text-left h2::after, [class*="text-left"] > h2::after { margin-left: 0; }

/* Seleção de texto e foco */
::selection { background: rgba(201,163,90,.35); }

/* Títulos dos cards de imóvel também em serifa */
a h3.font-semibold, a h3.font-bold, .group h3 {
  font-family: "Cormorant Garamond", Georgia, serif !important;
  font-weight: 600 !important;
  font-size: 1.35rem !important;
  line-height: 1.2 !important;
}
/* Botão dourado (faixa final da página inicial) com degradê */
.bg-secondary {
  background: linear-gradient(135deg, var(--lb-ouro-claro), var(--lb-ouro-escuro)) !important;
  color: var(--lb-verde) !important;
}

/* Títulos dos imóveis (cards e ficha) em Lora — versão 1.11.1 */
a h3.font-semibold, a h3.font-bold, .group h3, main h1.text-3xl.md\:text-4xl {
  font-family: "Lora", Georgia, serif !important;
  font-weight: 600 !important;
  letter-spacing: 0 !important;
  line-height: 1.3 !important;
}
a h3.font-semibold, a h3.font-bold, .group h3 { font-size: 1.2rem !important; }
main h1.text-3xl.md\:text-4xl { font-size: clamp(1.75rem, 4vw, 2.3rem) !important; }