/* ==========================================================================
   GRUPO CONCEITO FISCAL - TOKENS DE DESIGN E VARIÁVEIS CSS
   Documento: variables.css
   Descrição: Centraliza todas as cores oficiais, tipografia, sombras e raios
              de borda para fácil customização e consistência em todo o site.
   ========================================================================== */

:root {
  /* --- PALETA DE CORES OFICIAL (EXTRAÍDA DA MARCA GCF) --- */
  --gcf-primary: #195F82;          /* Azul Petróleo Institucional - Solidez e autoridade */
  --gcf-primary-dark: #124761;     /* Variação escura para hover e cabeçalhos */
  --gcf-primary-light: #227ba8;    /* Variação suave para gradientes */
  --gcf-accent: #23ABE2;           /* Azul Ciano Vibrante - Inovação e inteligência fiscal */
  --gcf-accent-hover: #1997cb;     /* Hover de botões e destaques */
  --gcf-accent-light: #ebf7fd;     /* Fundo suave ciano para badges e destaques */
  --gcf-accent-glow: rgba(35, 171, 226, 0.28);
  
  --gcf-dark: #282829;             /* Grafite Carvão - Cor dos textos da marca */
  --gcf-dark-light: #3e4043;       /* Variação intermediária de grafite */
  --gcf-text: #282829;             /* Cor principal de leitura */
  --gcf-text-muted: #596773;       /* Textos secundários, subtítulos e descrições */
  --gcf-text-light: #7a8894;       /* Textos auxiliares e metadados */
  
  --gcf-bg-light: #F4F8FA;         /* Fundo alternado suave (respiro visual) */
  --gcf-bg-alt: #EBF1F5;           /* Variação ligeiramente mais contrastada */
  --gcf-border: #DDE7ED;           /* Bordas elegantes e sutis */
  --gcf-border-focus: #23ABE2;     /* Borda ativa de campos e interações */
  --gcf-white: #FFFFFF;            /* Branco puro - Canvas principal */
  
  /* Cores de Apoio Semântico */
  --gcf-whatsapp: #25D366;         /* Verde oficial WhatsApp para CTA máxima */
  --gcf-whatsapp-hover: #20ba5a;   /* Hover do botão WhatsApp */
  --gcf-whatsapp-glow: rgba(37, 211, 102, 0.35);
  --gcf-gold: #F59E0B;             /* Dourado para 5 estrelas do Google */
  --gcf-danger: #DC2626;           /* Vermelho para destacar dores do cliente */
  --gcf-danger-light: #FEF2F2;     /* Fundo suave para cards de problemas */
  --gcf-success: #059669;          /* Verde para benefícios e soluções */
  --gcf-success-light: #ECFDF5;    /* Fundo suave para benefícios */

  /* --- TIPOGRAFIA MODERNA --- */
  --font-heading: 'Plus Jakarta Sans', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
  --font-body: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;

  /* --- SISTEMA DE SOMBRAS (ELEVAÇÃO SUAVE) --- */
  --shadow-xs: 0 1px 2px rgba(25, 95, 130, 0.05);
  --shadow-sm: 0 2px 6px rgba(25, 95, 130, 0.06);
  --shadow-md: 0 6px 18px rgba(25, 95, 130, 0.08);
  --shadow-lg: 0 12px 30px rgba(25, 95, 130, 0.11);
  --shadow-xl: 0 20px 48px rgba(25, 95, 130, 0.14);
  --shadow-card-hover: 0 14px 32px rgba(35, 171, 226, 0.13), 0 4px 10px rgba(25, 95, 130, 0.06);

  /* --- TRANSIÇÕES E TEMPOS --- */
  --transition-fast: 0.15s cubic-bezier(0.4, 0, 0.2, 1);
  --transition-base: 0.25s cubic-bezier(0.4, 0, 0.2, 1);
  --transition-smooth: 0.35s cubic-bezier(0.16, 1, 0.3, 1);

  /* --- BORDAS ARREDONDADAS --- */
  --radius-sm: 8px;
  --radius-md: 14px;
  --radius-lg: 20px;
  --radius-xl: 28px;
  --radius-full: 9999px;

  /* --- LAYOUT E DIMENSÕES --- */
  --container-max: 1220px;
  --container-padding: 1.5rem;
  --topbar-height: 40px;
  --header-height: 84px;
  --z-topbar: 100;
  --z-header: 200;
  --z-modal: 1000;
  --z-floating: 900;
}