:root {
  /* ==========================================================================
     Design Tokens - Vivian Batistela Advogada
     Fonte oficial: Manual de Identidade Visual e Vetores Mestres
     ========================================================================== */

  /* Cores Oficiais */
  --cor-azul: #253650;             /* Azul Petróleo Escuro Principal */
  --cor-azul-profundo: #1b283b;    /* Variante escura para hover/rodapé */
  --cor-azul-suave: #2f4463;       /* Variante intermediária */
  
  --cor-dourado: #DCA366;          /* Dourado Médio Base */
  --cor-dourado-escuro: #7A542F;   /* Dourado escuro com contraste AA em fundos claros */
  --cor-dourado-claro: #F5DDC4;    /* Dourado Claro (pontos de luz) */
  
  --cor-gelo: #F4F4F6;             /* Cinza Gelo para fundos alternados */
  --cor-branco: #FFFFFF;           /* Branco Puro */
  --cor-texto: #1C1C1B;            /* Texto corrido (Grafite profundo) */
  --cor-texto-suave: #555c66;      /* Texto de apoio / legendas */
  --cor-borda: rgba(37, 54, 80, 0.12); /* Borda suave */
  --cor-borda-dourada: rgba(220, 163, 102, 0.35); /* Borda dourada refinada */

  /* Degradês Oficiais */
  --gradiente-dourado: linear-gradient(135deg, #A67B4D 0%, #DCA366 50%, #F5DDC4 100%);
  --gradiente-dourado-hover: linear-gradient(135deg, #b88a59 0%, #e6b27a 50%, #fae8d6 100%);
  --gradiente-hero-azul: linear-gradient(180deg, #1b283b 0%, #253650 100%);

  /* Tipografia Oficial (Gandhi) */
  --fonte-serif: 'Gandhi Serif', 'Playfair Display', Georgia, serif;
  --fonte-sans: 'Gandhi Sans', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;

  /* Escala Modular de Tipografia */
  --tamanho-base: 1rem;            /* 16px */
  --tamanho-sm: 0.875rem;          /* 14px */
  --tamanho-xs: 0.75rem;           /* 12px */
  --tamanho-md: 1.125rem;          /* 18px */
  --tamanho-lg: 1.25rem;           /* 20px */
  --tamanho-xl: 1.5rem;            /* 24px */
  --tamanho-2xl: 2rem;             /* 32px */
  --tamanho-3xl: 2.5rem;           /* 40px */
  --tamanho-hero: clamp(2.25rem, 4.5vw, 3.5rem);

  /* Espaçamentos e Layout */
  --container-max: 1200px;
  --container-pad: clamp(1.25rem, 3vw, 2rem);
  --section-pad: clamp(3.5rem, 6vw, 6rem);
  
  /* Raios de Borda */
  --raio-sm: 3px;
  --raio-md: 6px;
  --raio-lg: 12px;
  --raio-pill: 9999px;

  /* Sombras */
  --sombra-card: 0 4px 20px rgba(37, 54, 80, 0.06);
  --sombra-card-hover: 0 12px 30px rgba(37, 54, 80, 0.12);
  --sombra-header: 0 2px 15px rgba(27, 40, 59, 0.08);

  /* Transições Padrão */
  --transicao-suave: all 0.25s cubic-bezier(0.25, 1, 0.5, 1);
}