/* ==========================================================================
   DESIGN TOKENS & VARIÁVEIS GLOBAIS - CLAUDIO MENDONÇA ADVOGADOS
   ========================================================================== */
:root {
  /* Cores Principais da Marca */
  --brand-navy: #0B192C;        /* Azul Marinho Nobre e Profundo */
  --brand-navy-light: #1E3E62;  /* Azul Petróleo / Médio */
  --brand-gold: #C5A059;        /* Dourado Nobre / Champanhe */
  --brand-gold-hover: #D8B46E;  /* Dourado Claro para Hovers */
  --brand-gold-subtle: rgba(197, 160, 89, 0.15); /* Dourado translúcido */
  --brand-cta: #0B192C;         /* Tom de CTA principal */

  /* Cores Neutras & Superfícies (Off-white perolado e cinza lunar sutil) */
  --bg-body: #F8F9FA;           /* Off-white perolado sofisticado */
  --bg-surface: #FFFFFF;        /* Superfície limpa para cartões */
  --bg-surface-alt: #F4F5F7;    /* Bege-gelo / cinza lunar para seções claras */
  --bg-surface-subtle: #EDEFF2; /* Tom intermediário de respiro */
  --bg-dark: #07101C;           /* Preto azulado profundo para contrastes */
  --bg-footer: #081220;         /* Fundo do Rodapé Minimalista */
  --text-footer: #94A3B8;       /* Texto do Rodapé */

  /* Tipografia & Hierarquia de Texto */
  --text-dark: #0F172A;         /* Títulos e textos de alto contraste */
  --text-muted: #475569;        /* Corpo de texto e descrições secundárias */
  --text-light: #F8FAFC;        /* Texto sobre fundos escuros */
  --text-dim: #94A3B8;          /* Metadados e legendas */

  /* Fontes Homologadas — Direção "Direto ao Ponto": sem serifa em lugar
     nenhum. --font-display carrega a personalidade (peso 900, bem pesada);
     --font-sans faz todo o resto. Mantido o nome --font-serif por
     compatibilidade com a utilidade Tailwind `font-serif` já usada em todo
     o HTML (ela agora aponta para a Archivo, não para uma serifa de fato). */
  --font-serif: 'Archivo', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
  --font-sans: 'IBM Plex Sans', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;

  /* Bordas e Divisores Metálicos */
  --border-light: rgba(15, 23, 42, 0.07);
  --border-dark: rgba(255, 255, 255, 0.08);
  --border-gold: rgba(197, 160, 89, 0.35);
  --border-gold-glow: rgba(197, 160, 89, 0.6);

  /* Sombras Fluidas, Profundas e Imersivas */
  --shadow-sm: 0 2px 8px rgba(11, 25, 44, 0.04);
  --shadow-md: 0 10px 30px rgba(11, 25, 44, 0.06);
  --shadow-lg: 0 20px 45px -10px rgba(11, 25, 44, 0.08), 0 0 20px rgba(197, 160, 89, 0.06);
  --shadow-immersive: 0 30px 70px -15px rgba(7, 16, 28, 0.85), 0 0 45px rgba(197, 160, 89, 0.12);
  --shadow-gold-cta: 0 10px 28px -4px rgba(197, 160, 89, 0.42);
  --shadow-modal: 0 25px 60px rgba(0, 0, 0, 0.25);

  /* Microinterações e Curvas de Animação Obrigatórias */
  --ease-premium: cubic-bezier(0.16, 1, 0.3, 1);
  --transition-fast: 0.25s var(--ease-premium);
  --transition-normal: 0.4s var(--ease-premium);
  --transition-reveal: 0.6s var(--ease-premium); /* era 2.5s: lento demais, somava com o atraso de stagger e deixava a página "assentando" por segundos */

  /* Espaçamento e Layout */
  --container-max: 1240px;
  --header-height: 84px;
  --radius-subtle: 2px;   /* Cartões institucionais (editorial/sharp) */
  --radius-soft: 18px;    /* Elementos conversacionais: chat, avisos flutuantes */
  --radius-button: 6px;   /* Botões "Direto ao Ponto": levemente arredondado, nunca pílula nem reto */
}