/* Estilos personalizados */
:root {
    --accent-color: #fbbf24;
    --secondary-color: #1e40af;
    --text-color: #1e293b;
    --bg-color: #ffffff;
    --header-bg-color: #1f2937;
    --header-text-color: #ffffff;
    --header-subtext-color: #9ca3af;
    --photo-border-color: #fbbf24;
    --content-bg-color: #ffffff;
    --address-bg-color: #1f2937;
    --address-text-color: #ffffff;
}

/* Botões de contato */
.contact-button {
    width: 48px;
    height: 48px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    transition: transform 0.2s;
    margin: 0 8px;
}

.contact-button:hover {
    transform: scale(1.1);
}

.contact-button svg {
    width: 24px;
    height: 24px;
}

/* Configurações */
#config-panel input[type="color"] {
    width: 50px;
    height: 50px;
    padding: 0;
    border: none;
    border-radius: 8px;
    cursor: pointer;
}

#config-panel input[type="color"]::-webkit-color-swatch-wrapper {
    padding: 0;
}

#config-panel input[type="color"]::-webkit-color-swatch {
    border: none;
    border-radius: 8px;
}

/* Responsividade */
@media (max-width: 640px) {
    .contact-button {
        width: 40px;
        height: 40px;
    }
    
    .contact-button svg {
        width: 20px;
        height: 20px;
    }
}