

    :root {
    /* DADOS DE CONTATO */
    --contact-whatsapp-number: "https://wa.me/5524981512560";
    --contact-whatsapp-text: "(24)981512560";
    --contact-phone-number: "tel:+5524981512560";
    --contact-phone-text: "(24)981512560";
    
   
*/
    --whatsapp-green: #25D366;
    --whatsapp-dark: #075E54;
    --button-depth: 8px;

    --color-primary: #B91C1C; /* Exemplo Vermelho Escuro */
    --color-primary-dark: #991B1B;
    --color-primary-light: #F87171;
    --color-secondary: #FE6A0F; /* Exemplo Laranja */
    --color-neutral-100: #FFFFFF;
    --color-neutral-700: #374151;
    --color-neutral-900: #111827;
    --color-text-light: #F9FAFB;
    --color-text-dark: #1F2937;
    --color-google-blue: #1a0dab;
    --color-google-green-check: #34a853;
    --shadow-md: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06);
    --shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, 0.1), 0 4px 6px -2px rgba(0, 0, 0, 0.05);
    --transition-speed: 0.3s;
    --container-width: 1200px;
    --top-bar-height: 30px;
    --menu-bar-height: 80px;

      /* Cores base */
      --color-primary-900: #01172E;
      --color-primary-300: #1B84D3;
      --color-secondary-900: #FF4D00;
      
      /* Novas variáveis para footer */
      --footer-bg: var(--color-primary-900);
      --footer-accent: var(--color-secondary-900);
      --footer-text: #E3F2FD;
      --footer-card-bg: var(--color-primary-700);
 


        /* Cores */
        --color-primary-900: #01172E;
        --color-primary-800: #02244D;
        --color-primary-700: #033A6D;
        --color-primary-600: #044585;
        --color-primary-500: #05507F;
        --color-primary-400: #0A6CB0;
        --color-primary-300: #1B84D3;
        --color-primary-200: #50A9EC;
        --color-primary-100: #B8DDF8;
        
        --primary-color:       #D32F2F;
        --color-secondary-900: #FF4D00;
        --color-secondary-800: #FF5D1A;
        --color-secondary-700: #FF6B2D;
        --color-secondary-600: #FF7940;
        --color-secondary-500: #FF884D;
        
        --color-neutral-900: #01172E;
        --color-neutral-800: #1F2937;
        --color-neutral-700: #374151;
        --color-neutral-600: #4B5563;
        --color-neutral-500: #6B7280;
        --color-neutral-400: #9CA3AF;
        --color-neutral-300: #D1D5DB;
        --color-neutral-200: #E5E7EB;
        --color-neutral-100: #F8FAFC;
        
        --color-text-branco: #FFFFFF;
        --color-text-dark: #01172E;
        --color-text-muted: #6B7280;
        
           
            --secondary-color: #333333;
            --background-color: #FFFFFF;
            --accent-color: #FFA726;
            --text-color: #222222;
        
    
        
        /* Espaçamentos */
        --space-2xl: clamp(3rem, 6vw, 6rem);
        --space-xl: clamp(2rem, 5vw, 4rem);
        --space-lg: clamp(1.5rem, 4vw, 3rem);
        --space-md: clamp(1rem, 3vw, 2rem);
        --space-sm: clamp(0.5rem, 2vw, 1rem);
        --space-xs: clamp(0.25rem, 1vw, 0.5rem);
        
        /* Tipografia */
        --text-heading-1: clamp(2rem, 5vw, 3rem);
        --text-heading-2: clamp(1.5rem, 4vw, 2.5rem);
        --text-title: clamp(1.25rem, 3vw, 2rem);
        --text-subtitle: clamp(1.1rem, 2.5vw, 1.4rem);
        --text-body-lg: clamp(1rem, 2vw, 1.125rem);
        --text-body: 1rem;
        --text-body-sm: 0.875rem;
        --text-hero-title: clamp(2rem, 7vw, 4rem);
        --text-hero-subtitle: clamp(1.25rem, 3vw, 1.5rem);
        
        /* Efeitos */
        --shadow-sm: 0 1px 2px rgba(0,0,0,0.08);
        --shadow-md: 0 4px 12px rgba(0,0,0,0.12);
        --shadow-lg: 0 10px 15px -3px rgba(0,0,0,0.1), 0 4px 6px -2px rgba(0,0,0,0.05);
        --radius-sm: 4px;
        --radius-md: 8px;
        --radius-lg: 12px;
        --transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
        
        /* Animações */
        --animation-slow: 1200ms;
        --animation-medium: 800ms;
        --animation-fast: 400ms;

         /* Border Radius */
  --border-radius-sm: 0.4rem;
  --border-radius-md: 0.8rem;
  --border-radius-lg: 1.6rem;
  --border-radius-full: 50%;
    }
    

 