:root {
        /* Cores principais */
        --primary-color: #1173d4 !important;
        --secondary-color: #1173d4 !important;
        --accent-color: #1173d4 !important;
        --background-color: #1173d4 !important;
        --text-color: #1173d4 !important;
        
        /* Valores padrão para garantir que as variáveis existam */
        --primary-100: #cfe3f6 !important;
        --primary-200: #a0c7ee !important;
        --primary-300: #70abe5 !important;
        --primary-400: #418fdd !important;
        --primary-500: #1173d4 !important;
        --primary-600: #0e5caa !important;
        --primary-700: #0a457f !important;
        --primary-800: #072e55 !important;
        --primary-900: #03172a !important;
        
        --secondary-100: #cfe3f6 !important;
        --secondary-200: #a0c7ee !important;
        --secondary-300: #70abe5 !important;
        --secondary-400: #418fdd !important;
        --secondary-500: #1173d4 !important;
        --secondary-600: #0e5caa !important;
        --secondary-700: #0a457f !important;
        --secondary-800: #072e55 !important;
        --secondary-900: #03172a !important;
      }

      /* Classes utilitárias para as cores personalizadas */
      .bg-primary-500 { background-color: var(--primary-500) !important; }
      .bg-primary-600 { background-color: var(--primary-600) !important; }
      .bg-primary-700 { background-color: var(--primary-700) !important; }
      .bg-primary-800 { background-color: var(--primary-800) !important; }
      .bg-primary-900 { background-color: var(--primary-900) !important; }
      .bg-secondary-500 { background-color: var(--secondary-500) !important; }
      .bg-secondary-600 { background-color: var(--secondary-600) !important; }
      .bg-secondary-700 { background-color: var(--secondary-700) !important; }
      
      .text-primary-500 { color: var(--primary-500) !important; }
      .text-primary-600 { color: var(--primary-600) !important; }
      .text-primary-700 { color: var(--primary-700) !important; }
      .text-secondary-500 { color: var(--secondary-500) !important; }
      .text-secondary-600 { color: var(--secondary-600) !important; }
      
      .border-primary-500 { border-color: var(--primary-500) !important; }
      .border-primary-600 { border-color: var(--primary-600) !important; }
      .border-primary-700 { border-color: var(--primary-700) !important; }
      .border-secondary-500 { border-color: var(--secondary-500) !important; }
      
      .hover\:bg-primary-600:hover { background-color: var(--primary-600) !important; }
      .hover\:bg-primary-700:hover { background-color: var(--primary-700) !important; }
      .hover\:bg-primary-800:hover { background-color: var(--primary-800) !important; }
      .hover\:text-primary-600:hover { color: var(--primary-600) !important; }
      .hover\:text-primary-700:hover { color: var(--primary-700) !important; }
      
      .focus\:ring-primary-500:focus { --tw-ring-color: var(--primary-500) !important; }
      .focus\:ring-primary-600:focus { --tw-ring-color: var(--primary-600) !important; }
      .focus\:border-primary-500:focus { border-color: var(--primary-500) !important; }
      .focus\:border-primary-600:focus { border-color: var(--primary-600) !important; }
      
      /* Forçar aplicação das cores em elementos específicos */
      button.bg-primary-500 { background-color: var(--primary-500) !important; }
      button.bg-primary-600 { background-color: var(--primary-600) !important; }
      button.bg-primary-700 { background-color: var(--primary-700) !important; }
      
      /* Garantir que as cores sejam aplicadas mesmo com Tailwind */
      .bg-primary-500, button.bg-primary-500 { background-color: var(--primary-500) !important; }
      .bg-primary-600, button.bg-primary-600 { background-color: var(--primary-600) !important; }
      .bg-primary-700, button.bg-primary-700 { background-color: var(--primary-700) !important; }
      .bg-secondary-500, button.bg-secondary-500 { background-color: var(--secondary-500) !important; }