/* ============================================================
   SKIN DA VITRINE: Horto Lounge (hortolounge.com.br)
   ------------------------------------------------------------
   Identidade "jardim/lounge": carvao escuro + creme + verde
   folha (do logo). Reaproveita o layout do site (ingra.css) e
   re-skina por TOKENS. O ACENTO (--brand: verde) vem da coluna
   `cor` da vitrine, injetada DEPOIS deste arquivo, entao a cor
   se troca pelo banco. Carregado so no dominio da vitrine.
   ============================================================ */

@import url('https://fonts.googleapis.com/css2?family=Manrope:wght@400;500;600;700;800&family=Marcellus&display=swap');

:root{
  /* Neutros quentes (creme), como o "H" cor de creme do logo */
  --bg:#F3EFE6;
  --panel:#FBF8F1;
  --ink:#1A211C;
  --txt:#242A24;
  --txt-2:#666B60;
  --txt-3:#97998C;
  --line:#E7E2D5;
  --line-2:#D8D2C1;

  /* Barra de menu no carvao do fundo do logo */
  --nav:#1E2522;

  /* Apoios em VERDE (o acento forte, --brand, vem da `cor` do banco) */
  --brand-soft:#E6F0DA;
  --brand-on-dark:#A9D48A;
  --cyan:#5C9A3D;
  --cyan-soft:#E6F0DA;

  /* Cantos e sombras suaves e quentes */
  --r-sm:6px; --r:10px; --r-lg:14px; --r-xl:20px;
  --sh-1:0 1px 2px rgba(40,45,30,.06);
  --sh-2:0 2px 8px rgba(40,45,30,.07),0 12px 30px -16px rgba(40,45,30,.22);
  --sh-3:0 6px 16px rgba(40,45,30,.10),0 28px 56px -26px rgba(40,45,30,.30);

  /* Corpo em Manrope */
  --font:"Manrope",system-ui,-apple-system,"Segoe UI",sans-serif;
}

/* Titulos com serif elegante: a assinatura do lounge (combina com o "H") */
h1, h2, h3,
.hero h1, .site-hero h1, .evento-titulo, .sec-titulo{
  font-family:"Marcellus", Georgia, "Times New Roman", serif;
  letter-spacing:.2px;
  font-weight:400;
}

/* Botao principal: verde (acento do banco), pill, com respiro */
.btn{ letter-spacing:.02em; }
.btn-primary{
  background:var(--brand);
  color:#fff;
  border-radius:999px;
  box-shadow:var(--sh-2);
}
.btn-primary:hover{ filter:brightness(1.06); }
.btn-lg{ padding:15px 30px; }

/* Barra do topo (carvao) com um filete quente embaixo */
.site-head{ border-bottom:1px solid rgba(255,255,255,.06); }
.site-nav a:hover{ opacity:1; }