*{
        margin: 0;
        padding: 0;
        box-sizing: border-box;
        font-size: 62.5%; /* 1rem = 10px */
        list-style: none;
        text-decoration: none;
      -webkit-tap-highlight-color: transparent; /* Remove efeito azul no toque */
          outline: none;                            /* Remove contorno */
          user-select: none;                        /* Evita seleção de texto */
    }
       
      :root {
            --primary-green: #10b981;
            --primary-green-dark: #059669;
            --primary-green-darker: #047857;
            --emerald-400: #34d399;
            --emerald-500: #10b981;
            --emerald-600: #059669;
            --blue-400: #60a5fa;
            --blue-500: #3b82f6;
            --blue-600: #2563eb;
            --purple-400: #a78bfa;
            --purple-500: #8b5cf6;
            --purple-600: #7c3aed;
            --yellow-400: #fbbf24;
            --gray-50: #f9fafb;
            --gray-100: #f3f4f6;
            --gray-200: #e5e7eb;
            --gray-300: #d1d5db;
            --gray-600: #4b5563;
            --gray-700: #374151;
            --gray-800: #1f2937;
            --gray-900: #111827;
            --white: #ffffff;
            --black: #000000;
        }