/* ==========================================================================
   Identidade Visual: Bossa Bureau (Baseado no Briefing Oficial)
   ========================================================================== */

:root {
  /* 
   * 1. CORES (COLORS) - DIRETO DO BRIEFING (BOSSA.MD)
   */
  --fundo-areia: #F4F1EA;      /* Fundo OBRIGATÓRIO de todo o site (Luz e Respiro) */
  --verde-tucano: #477B4A;     /* Detalhes botânicos e contrastes */
  --laranja-tucano: #D36A33;   /* Accent 1 */
  --amarelo-tucano: #D9A036;   /* Accent 2 */
  --preto-texto: #1F1F22;      /* Apenas para tipografia e linhas finas */

  --color-border: rgba(31, 31, 34, 0.1); /* Borda sutil escura para fundo claro */
  --color-bg-alt: #EBE7DD; /* Tom ligeiramente mais escuro da areia para blocos */

  /* 
   * 2. TIPOGRAFIA (TYPOGRAPHY)
   */
  --font-heading: 'Syne', sans-serif; /* Vanguardista e artsy */
  --font-body: 'Montserrat', sans-serif;     /* Limpeza e modernidade */
  --font-accent: 'Playfair Display', serif;  /* Itálicos e detalhes editoriais */
  --font-script: 'Alex Brush', cursive;      /* Fonte exclusiva apenas para a Logo */
  
  /* Escala Tipográfica */
  --text-hero: clamp(3rem, 8vw, 8rem);
  --text-h2: clamp(2rem, 5vw, 4rem);
  --text-h3: clamp(1.2rem, 3vw, 2rem);
  --text-base: 1rem;
  --text-small: 0.75rem;

  /* 
   * 3. ESPAÇAMENTOS & GRID (SPACING)
   */
  --space-section-y: 120px;
  --space-container-x: 5%;
  --grid-gap: 2rem;
  
  /* 
   * 4. ANIMAÇÕES (TRANSITIONS)
   */
  --transition-fast: 0.3s cubic-bezier(0.25, 0.46, 0.45, 0.94);
  --transition-slow: 0.8s cubic-bezier(0.25, 0.46, 0.45, 0.94);
}

/* Base resets applying theme */
body {
  background-color: var(--fundo-areia); /* NUNCA PRETO */
  color: var(--preto-texto);
  font-family: var(--font-body);
}

h1, h2, h3, h4, h5, h6 {
  font-family: var(--font-heading);
  color: var(--preto-texto);
}