/* =====================================================================
   SGTOUR EXPLORE — DESIGN TOKENS
   Fonte única do visual. Mudar a marca = mudar aqui.
   Direção aprovada: azul #00B1F1 + verde #00B04E · vibrante · imersivo.
   ===================================================================== */
:root{
  /* ---- Marca ---- */
  --brand-blue:#00B1F1;      /* primária (céu/água) */
  --brand-blue-600:#0091c9;  /* azul de apoio (texto/preço/fundo claro escuro) */
  --brand-blue-900:#053246;  /* azul profundo (seções escuras) */
  --brand-blue-100:#7fdcff;  /* azul claro */
  --brand-green:#00B04E;     /* acento/CTA (natureza) */
  --brand-green-600:#009443; /* verde escuro (hover) */
  --brand-green-300:#5fd48c; /* verde claro (destaque em fundo escuro) */

  /* ---- Neutros ---- */
  --bg:#f6fbfd;              /* fundo geral (branco levemente frio) */
  --bg-alt:#e8f6ee;          /* fundo alternativo (verde tênue) */
  --ink:#0b1f26;             /* texto principal */
  --ink-60:#4a5c63;          /* texto secundário */
  --line:#e2ebee;            /* bordas/divisórias */
  --white:#ffffff;

  /* ---- Gradientes ---- */
  --grad-hero:linear-gradient(160deg,#04202e 0%,#00B1F1 130%);
  --grad-brand:linear-gradient(120deg,#00B04E 0%,#00c65a 100%); /* CTA verde */
  --grad-photo:linear-gradient(180deg,rgba(5,50,70,0) 35%,rgba(5,50,70,.85) 100%);
  --veil-hero:linear-gradient(180deg,rgba(4,32,44,.72) 0%,rgba(4,32,44,.30) 45%,rgba(4,32,44,.55) 100%);

  /* ---- Tipografia ---- */
  --font-display:'Sora',sans-serif;
  --font-body:'Plus Jakarta Sans',sans-serif;

  /* ---- Espaçamento (escala) ---- */
  --space-section:74px;  /* padding vertical padrão das seções */
  --space-lg:48px;
  --space-md:28px;
  --space-sm:16px;
  --container:1440px;   /* mais largura útil (model full width), menos espaço lateral */
  --gutter:28px;

  /* ---- Formas ---- */
  --r-sm:10px; --r-md:18px; --r-lg:28px; --r-pill:999px;

  /* ---- Sombras ---- */
  --sh-1:0 6px 20px rgba(13,27,30,.08);
  --sh-2:0 18px 50px rgba(13,27,30,.16);
  --sh-glow:0 14px 40px rgba(0,176,78,.32);

  /* ---- Motion ---- */
  --dur:.5s;
  --ease:cubic-bezier(.22,.61,.36,1);
}

/* Responsivo: seções respiram um pouco menos no mobile */
@media(max-width:640px){
  :root{ --space-section:64px; --space-lg:32px; }
}