/* Estilo para as páginas de autenticação */

/* Fundo e cores gerais */
.bg-secondary {
    background-color: #262626;
}

.bg-gray {
    background-color: #1B1B1B;
}

.text-text {
    color: #F8F9FA;
}

.bg-primary {
    background-color: #318AC2;
}

.hover\:bg-primary-dark:hover {
    background-color: #2670A2;
}

.text-primary {
    color: #318AC2;
}

.hover\:text-primary-dark:hover {
    color: #2670A2;
}

/* Estilos para mensagens de erro/sucesso */
.bg-red-500\/20 {
    background-color: rgba(239, 68, 68, 0.2);
}

.text-red-500 {
    color: rgb(239, 68, 68);
}

.border-red-500 {
    border-color: rgb(239, 68, 68);
}

.bg-green-500\/20 {
    background-color: rgba(34, 197, 94, 0.2);
}

.text-green-500 {
    color: rgb(34, 197, 94);
}

.border-green-500 {
    border-color: rgb(34, 197, 94);
}

/* Estilos para inputs */
.bg-input-bg {
    background-color: #ffffff;
}

.text-input-text {
    color: #1F2937;
}

.border-input-border {
    border-color: #D1D5DB;
}

.focus\:ring-primary:focus {
    --tw-ring-color: rgba(49, 138, 194, 0.5);
    --tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
    --tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(3px + var(--tw-ring-offset-width)) var(--tw-ring-color);
    box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
}

.focus\:border-primary:focus {
    border-color: #318AC2;
}

/* Estilo para ícones */
.input-with-icon {
    position: relative;
}

.input-with-icon input {
    padding-left: 2.5rem;
}

.input-icon {
    position: absolute;
    left: 0.75rem;
    top: 50%;
    transform: translateY(-50%);
    color: #262626;
    font-size: 1rem;
}

.text-text\/50 {
    color: rgba(248, 249, 250, 0.5);
}

.text-text\/80 {
    color: rgba(248, 249, 250, 0.8);
}

/* Sombras */
.shadow-card {
    box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06);
}

/* Transições */
.transition-colors {
    transition-property: color, background-color, border-color, text-decoration-color, fill, stroke;
    transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
    transition-duration: 150ms;
}