html {
    scroll-behavior: smooth;
}

/* Usamos variables de tu tailwind_config si están disponibles, 
       o colores fijos que coincidan con tu marca */
    input[type="text"], 
    input[type="email"], 
    input[type="password"], 
    input[type="tel"],
    input[type="number"] {
        width: 100%;
        padding: 1rem;
        background-color: rgba(226, 232, 240, 0.3); /* brand-gray con opacidad */
        border: 2px solid #e2e8f0; /* brand-gray */
        border-radius: 1.5rem; /* rounded-2xl */
        transition: all 0.3s ease;
        outline: none;
        color: #1e293b; /* brand-navy */
        font-weight: 500;
        margin-top: 0.25rem;
    }

    input:focus {
        border-color: #06b6d4; /* brand-cyan */
        box-shadow: 0 0 0 4px rgba(6, 182, 212, 0.1);
        background-color: white;
    }

    input::placeholder {
        color: rgba(30, 41, 59, 0.3);
    }

    /* Estilo para los mensajes de error de Django */
    .errorlist li {
        color: #f87171; /* brand-coral */
        font-size: 0.75rem;
        font-weight: 700;
        margin-top: 0.25rem;
        list-style: none;
    }

    /* En tu archivo CSS principal */
html, body {
    touch-action: manipulation;
}